| 释义 |
- What's Omi?
- Links
- References
{{Infobox software
| name = Omi.js
| author = dntzhang (张磊)
| latest release version = 5.0.4
| status = Active
| programming language = JavaScript
| platform = Cross-platform
| size = 4 KB gzip
| genre = JavaScript framework
| license = MIT License
| website = https://github.com/Tencent/omi
}} What's Omi?- Tiny size. (4kb gzipped)
- Supports TypeScript.
- Reactive data-binding
- Supports MVVM
- Enhanced CSS, [https://github.com/Tencent/omi/releases/tag/v4.0.26 rpx unit support] base on 750 screen width
- [https://developers.google.com/web/fundamentals/web-components/shadowdom Based on Shadow DOM]
- Easy to debug via [https://github.com/f/omi-devtools Omi DevTools Extension] [https://chrome.google.com/webstore/detail/omijs-devtools/pjgglfliglbhpcpalbpeloghnbceocmd [Install from Chrome WebStore]]
- Compliance with browser trend and API design.
- Merge [https://developers.google.com/web/fundamentals/web-components/ Web Components] and [https://reactjs.org/docs/introducing-jsx.html JSX] into one framework.
- Built in observe feature (No need to call `this.update()`).
- Web Components can also be a data-driven view, UI = fn(data).
- JSX is the best development experience (code intelligent completion and tip) UI Expression with least [grammatical noise](https://github.com/facebook/jsx#why-not-template-literals) and it's turing complete(template engine is not, es template string is but grammatical noise is too loud).
- The original Path Updating system. Proxy-based automatic accurate update, low power consumption, high degree of freedom, excellent performance, easy integration of `requestIdleCallback`
- Say goodbye to `this.update` method when using store system! It will automatically update UI partially when data is changed.
- Look at [https://softwareengineering.stackexchange.com/questions/225400/pros-and-cons-of-facebooks-react-vs-web-components-polymer Facebook React vs Web Components]，Omi combines their advantages and gives developers the freedom to choose the way they like.
- Shadow DOM merges with Virtual DOM, Omi uses both virtual DOM and real Shadow DOM to make view updates more accurate and faster.
- With a Store system, 99.9% of projects don't need time travel, and not only Redux can travel, please don't come up on Redux, Omi store system can meet all projects
- Scoped CSS's best solution is Shadow DOM, the community churning out frameworks and libraries for Scoped CSS (using JS or JSON writing styles such as Radium, jsxstyle, react-style; binding to webpack using generated unique `className` `filename-classname-hash`, such as CSS Modules, Vue), are hack technologies; _and Shadow DOM Style is the perfect solution_.
Links - [https://github.com/Tencent/omi Omi Github]
- [https://github.com/Tencent/omi/blob/master/docs/main-concepts.md omijs.org]
References Category:JavaScript web frameworksFrameworksCategory:Web developmentCategory:Software frameworksCategory:Computer-related introductions in 2014 |