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

腾讯开源的通用 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 是最完美的方案

详情请看发布公告：

• https://mp.weixin.qq.com/s/2WfnLJ6IaGC4IrLpB9y4zQ

Omi 是一款用于创建用户界面的组件化框架，开放并且现代，故得名：Omi（Open and modern framework for building user interfaces）。

特性

• 超小的尺寸，7 kb (gzip)

• 局部 CSS，HTML+ Scoped CSS + JS 组成可复用的组件。不用担心组件的 CSS 会污染组件外的，Omi会帮你处理好一切

• 更自由的更新，每个组件都有 update 方法，自由选择时机进行更新。你也可以和 obajs 或者 mobx 一起使用来实现自动更新

• 模板引擎可替换，开发者可以重写 Omi.template 方法来使用任意模板引擎

• 完全面向对象，函数式和面向对象各有优劣，Omi 使用完全的面向对象的方式来构建 Web 程序

• ES6+ 和 ES5 都可以，Omi 提供了 ES6+ 和 ES5 的两种开发方案。你可以自有选择你喜爱的方式

开源中国征稿开始啦！

开源中国 www.oschina.net 是目前备受关注、具有强大影响力的开源技术社区，拥有超过 200 万的开源技术精英。我们传播开源的理念，推广开源项目，为 IT 开发者提供一个发现、使用、并交流开源技术的平台。

现在我们开始对外征稿啦！如果你有优秀的技术文章想要分享，热点的行业资讯需要报道等等，欢迎联系开源中国进行投稿。投稿详情及联系方式请参见：我要投稿

推荐阅读

为什么前后端分离了，你比从前更痛苦？

谷歌 CEO：不希望魏则西事件再发生，审查版搜索引擎可以做到更好

Kafka 如何做到 1 秒处理 1500 万条消息？

微软开放 6 万项 Linux 专利：这对行业意味着什么？

详解：淘宝大秒杀系统是如何设计的？

点击“阅读原文”查看更多精彩内容