腾讯开源框架 Omi 更新,全面拥抱 Web Components

h4cd
 h4cd
发布于 2018年10月18日
收藏 12

腾讯开源的通用 Web 组件化框架 Omi 更新了,此次更新全面拥抱 Web Components。

Web Components 包含四项技术标准规范:CustomElement、Shadow DOM、Template 与 HTML Import,Omi 框架使用了其中最为重要的 Custom Element 和 Shadow DOM 能力,Template 使用语法噪音最小编程体验最好的 JSX 来替代作为 UI 结构的表达式,HTML Import 使用 Webpack 或者其他任意流行打包工具来替代。 

此次更新主要带来了以下特性:

  • 4KB 的代码尺寸,比小更小

  • 顺势而为,顺从浏览器的发展和 API 设计,拥抱 Web 标准

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

  • 数据驱动视图, UI = fn(data)

  • 独创的 Path Updating 机制,基于 Proxy 全自动化的精准更新,功耗低,自由度高,性能卓越

  • 内置 store 系统不需要调用关注视图更新,专注于数据和数据的逻辑便,它会自动化按需更新局部视图

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

  • 局部 CSS 最佳解决方案(Shadow DOM),社区为局部 CSS 折腾了不少框架和库,Shadow DOM Style 是最完美的方案

详情查看发布公告

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:腾讯开源框架 Omi 更新,全面拥抱 Web Components
加载中

精彩评论

南漂一卒
南漂一卒

引用来自“j717273419”的评论

我就问一句,你们前端的轮子是不是太多了?学得动吗?
推荐最易上手的 Web components 组件引擎 WebCell —— https://web-cell.tk/
南漂一卒
南漂一卒
HTML import 早从 Web components 规范中废弃了;拥抱 Web 规范就不要用 JSX 这种开历史倒车的语法……

最新评论(7

南漂一卒
南漂一卒

引用来自“j717273419”的评论

我就问一句,你们前端的轮子是不是太多了?学得动吗?
推荐最易上手的 Web components 组件引擎 WebCell —— https://web-cell.tk/
j717273419
j717273419
我就问一句,你们前端的轮子是不是太多了?学得动吗?
南漂一卒
南漂一卒
HTML import 早从 Web components 规范中废弃了;拥抱 Web 规范就不要用 JSX 这种开历史倒车的语法……
h4cd
h4cd

引用来自“蓝水晶飞机”的评论

@h4cd 不是“Shadom DOM”而是“Shadow DOM”,中文名字“影子 DOM”
好的,感谢。你可以顺便去项目页提个 typo 了。
蓝水晶飞机
蓝水晶飞机
@h4cd 不是“Shadom DOM”而是“Shadow DOM”,中文名字“影子 DOM”
行者__
行者__
基于 preact 的 . good
_全村的希望
_全村的希望
很厉害的样子
返回顶部
顶部