Omi如何安装呢

前言：局部 CSS 最佳解决方案(Shadow DOM)，社区为局部 CSS 折腾了不少框架和库(使用js或json写样式，如:Radium，jsxstyle，react-style；与webpack绑定使用生成独特的className文件名—类名—hash值。

Omi 手册完整吗，对我们有什么帮助呢，Omi如何安装呢？

手册简介:

由腾讯AlloyTeam发起，由微软、腾讯、阿里等互联网公司工程师开发维护的现代化Web组件化框架。网址：omijs.org

手册说明:

Omi - 合一

Github 地址：https://github.com/tencent/omi

下一代 Web 框架，去万物糟粕，合精华为一。

Omi如何安装呢_www.epx365.cn

特性

4KB 的代码尺寸，比小更小

顺势而为，顺从浏览器的发展和 API 设计

Webcomponents + JSX 相互融合为一个框架 Omi

Webcomponents 也可以数据驱动视图, UI = fn(data)

JSX 是开发体验最棒(智能提示)、语法噪音最少的 UI 表达式

独创的 Path Updating 机制，基于 Proxy 全自动化的精准更新，功耗低，自由度高，性能卓越，方便集成 requestIdleCallback

使用 store 系统不需要调用 this.udpate，它会自动化按需更新局部视图

看看Facebook React 和 Web Components对比优势，Omi 融合了各自的优点，而且给开发者自由的选择喜爱的方式

Shadom DOM 与 Virtual DOM 融合，Omi 既使用了虚拟 DOM，也是使用真实 Shadom DOM，让视图更新更准确更迅速

类似 WeStore 体系，99.9% 的项目不需要什么时间旅行,也不仅仅 redux 能时间旅行,请不要上来就 redux，Omi store 体系可以满足所有项目

局部 CSS 最佳解决方案(Shadow DOM)，社区为局部 CSS 折腾了不少框架和库(使用js或json写样式，如:Radium，jsxstyle，react-style；与webpack绑定使用生成独特的className文件名—类名—hash值，如：CSS Modules，Vue)，都是 hack 技术；Shadow DOM Style 是最完美的方案

对比同样开发 TodoApp， Omi 和 React 渲染完的 DOM 结构:

Omi如何安装呢_www.epx365.cn