Omi 5.0.5 已发布,更新内容如下:
[Fix] fix host
[Add] supports
defineElement
for amd env, it's the same asdefine
Omi 是腾讯开源的下一代 Web 框架,去万物糟粕,合精华为一,让 JSX、Web Components、Proxy、Store、Path Updating 在一起。
特性
小巧的尺寸(gzip压缩后仅4kb)
支持
TypeScript
响应式数据绑定
增强了 CSS, 支持 rpx 单位,基于 750 屏幕宽度
利用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
,Omistore
系统可以满足所有项目。局部 CSS 最佳解决方案(
Shadow DOM
),社区为局部 CSS 折腾了不少框架和库(使用js或json写样式,如:Radium
,jsxstyle
,react-style
;与webpack绑定使用生成独特的className文件名—类名—hash值
,如:CSS Modules
,Vue
),还有运行时注入scoped atrr
的方式,都是 hack 技术;Shadow DOM Style
是最完美的方案
引用来自“论韭菜的100种吃法”的评论
兼容ie6吗?