Omi 5.0.5 发布，腾讯开源的下一代 Web 框架

· · 486 次点击 · · 开始浏览

这是一个创建于的文章，其中的信息可能已经有所发展或是发生改变。

Omi 5.0.5 已发布。Omi 是腾讯开源的下一代 Web 框架，去万物糟粕，合精华为一，让 JSX、Web Components、Proxy、Store、Path Updating 在一起。Github地址：https://github.com/Tencent/omi/

OMI 特性：

小巧的尺寸(gzip压缩后仅4kb)
真正的 MVVM, 拥有 mappingjs 强力支持
支持 TypeScript
响应式数据绑定
增强了 CSS, 支持 rpx 单位，基于 750 屏幕宽度
基于 Shadow Dom 设计
利用Chrome 开发工具扩展轻松调试，从 Chrome 应用商店安装
符合浏览器的发展趋势以及API设计理念
Web Components + JSX 相互融合为一个框架 Omi
内置 observe 制作响应式视图(免去 this.update)
Web Components 也可以数据驱动视图, UI = fn(data)
JSX 是开发体验最棒(智能提示)、语法噪音最少、图灵完备的 UI 表达式，模板引擎不完备，模板字符串完备但是语法噪音太大
独创的 Path Updating 机制，基于 Proxy 全自动化的精准更新，功耗低，自由度高，性能卓越，方便集成 requestIdleCallback
对 this.update 说再见吧！只要使用 store 系统，它就会自动化按需更新局部视图
看看Facebook React 和 Web Components对比优势，Omi 融合了各自的优点，而且给开发者自由的选择喜爱的方式
Shadow DOM 与 Virtual DOM 融合，Omi 既使用了虚拟 DOM，也是使用真实 Shadow DOM，让视图更新更准确更迅速
99.9% 的项目不需要什么时间旅行，也不需要时间旅行调试(Time travel debugging),而且也不仅仅 redux 能时间旅行,请不要上来就 redux，Omi store 系统可以满足所有项目。
局部 CSS 最佳解决方案(Shadow DOM)，社区为局部 CSS 折腾了不少框架和库(使用js或json写样式，如:Radium，jsxstyle，react-style；与webpack绑定使用生成独特的className文件名—类名—hash值，如：CSS Modules，Vue)，还有运行时注入scoped atrr 的方式，都是 hack 技术；Shadow DOM Style 是最完美的方案。