前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Web组件化框架Omi颠覆式升级 全面拥抱Web components

Web组件化框架Omi颠覆式升级 全面拥抱Web components

作者头像
腾讯开源
发布2018-10-18 08:24:26
2.8K0
发布2018-10-18 08:24:26
举报

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 (点击阅读原文,直接访问)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-10-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯开源 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Omi 是腾讯开源的通用 Web 组件化框,在最近的一次版本发布中,Omi 进行了颠覆式升级,全面拥抱 Web Components。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档