非常有趣的框架,个人认为 reactive shadow dom 是未来的趋势。估计再过一两年,等浏览器的技术再成熟一些之后,react、vue 都会往这个方向转的:
repo 中文 readme:
https://github.com/Tencent/omi/blob/master/README.CN.md
Omi - 合一
> 下一代 Web 框架,去万物糟粕,合精华为一。
新闻原文(复制粘贴了之后这个 url 吓了我一跳,参数太多我就不花时间把没用的删掉了……)
https://mp.weixin.qq.com/s?__biz=MzIwMzYwMjkzOQ==&mid=2247484546&idx=1&sn=e3c95ec1f3b261c2d4e036ecac74a2f3&chksm=96cdaa16a1ba2300691de77b07493df36bc83e320e2821eb3bb44cecc4cac9896fd1f4e4376a&mpshare=1&scene=23&srcid=10188gK7mNcCzHJ3uqScvRVc#rd
Web组件化框架Omi颠覆式升级 全面拥抱Web components
腾讯开源 前天
Omi 是腾讯开源的通用 Web 组件化框,在最近的一次版本发布中,Omi 进行了颠覆式升级,全面拥抱 Web Components。
Web Components 包括四项规范,包括 CustomElement、Shadow DOM、Template、HTML Import 四种技术规范标准。
Omi 框架使用了其中最为重要的 Custom Element 和 ShadowDOM 能力,Template 使用语法噪音最小编程体验最好的 JSX 来替代作为 UI 结构的表达式,HTML Import 使用 Webpack 或者其他任意流行打包工具来替代。
新版本的 Omi 框架拥有以下重大特性:
4KB 的代码尺寸,比小更小
顺势而为,顺从浏览器的发展和 API 设计,拥抱 Web 标准
Webcomponents + JSX + Proxy 相互融合为一个框架 Omi
数据驱动视图, UI = fn(data)
独创的 Path Updating 机制,基于 Proxy 全自动化的精准更新,功耗低,自由度高,性能卓越
内置 store 系统不需要调用关注视图更新,专注于数据和数据的逻辑便,它会自动化按需更新局部视图
Shadom DOM 与 Virtual DOM 融合,Omi 既使用了虚拟 DOM,也是使用真实 Shadom DOM,让视图更新更准确更迅速
局部 CSS 最佳解决方案(Shadow DOM),社区为局部 CSS 折腾了不少框架和库,Shadow DOM Style 是最完美的方案
该版本已在 Omi Github 项目主页发布
Omi Github地址:
https://github.com/Tencent/omiWeb组件化框架Omi颠覆式升级 全面拥抱Web components
腾讯开源 前天
Omi 是腾讯开源的通用 Web 组件化框,在最近的一次版本发布中,Omi 进行了颠覆式升级,全面拥抱 Web Components。
Web Components 包括四项规范,包括 CustomElement、Shadow DOM、Template、HTML Import 四种技术规范标准。
Omi 框架使用了其中最为重要的 Custom Element 和 ShadowDOM 能力,Template 使用语法噪音最小编程体验最好的 JSX 来替代作为 UI 结构的表达式,HTML Import 使用 Webpack 或者其他任意流行打包工具来替代。
新版本的 Omi 框架拥有以下重大特性:
4KB 的代码尺寸,比小更小
顺势而为,顺从浏览器的发展和 API 设计,拥抱 Web 标准
Webcomponents + JSX + Proxy 相互融合为一个框架 Omi
数据驱动视图, UI = fn(data)
独创的 Path Updating 机制,基于 Proxy 全自动化的精准更新,功耗低,自由度高,性能卓越
内置 store 系统不需要调用关注视图更新,专注于数据和数据的逻辑便,它会自动化按需更新局部视图
Shadom DOM 与 Virtual DOM 融合,Omi 既使用了虚拟 DOM,也是使用真实 Shadom DOM,让视图更新更准确更迅速
局部 CSS 最佳解决方案(Shadow DOM),社区为局部 CSS 折腾了不少框架和库,Shadow DOM Style 是最完美的方案
该版本已在 Omi Github 项目主页发布
Omi Github地址:
https://github.com/Tencent/omi(点击阅读原文,直接访问)
--
FROM 125.236.128.*