腾讯开源的通用 Web 组件化框架 Omi 更新了,此次更新全面拥抱 Web Components。
Web Components 包含四项技术标准规范:CustomElement、Shadow DOM、Template 与 HTML Import,Omi 框架使用了其中最为重要的 Custom Element 和 ShadowDOM 能力,Template 使用语法噪音最小编程体验最好的 JSX 来替代作为 UI 结构的表达式,HTML Import 使用 Webpack 或者其他任意流行打包工具来替代。
此次更新主要带来了以下特性:
- 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 是最完美的方案