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

原文发布于微信公众号 - 腾讯开源(tencentopen)

原文发表时间:2018-10-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Web项目聚集地

前端面试题(HTML和CSS)

我会推出前端面试题的专栏,每一期我会推出10个经典面试题,面试题一部分由小伙伴提供,一部分从面试真题中选出,最后会来一个大汇总。主要目的是帮助那些还没有前端开...

16620
来自专栏DannyHoo的专栏

iOS开发没有开发者账号照样可以进行真机测试

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

90520
来自专栏程序员的知识天地

web前端学习:React是什么,为什么要使用它?

React是Facebook内部的一个JavaScript类库,已于1年开源,可用于创建Web用户交互界面。它引入了一种新的方式来处理浏览器DOM。那些需要手动...

10620
来自专栏腾讯开源的专栏

【开源公告】VasSonic轻量级的高性能的Hybrid框架正式开源

VasSonic轻量级的高性能的Hybrid框架VasSonic取名于索尼动画形象音速小子,是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架...

57710
来自专栏编程微刊

通用的layui框架系统管理后台模板

公司又要开始做新的项目了,这次的项目又是后台管理系统,老板说,之前的后台管理系统都是差不多的,这一次我们换个框架吧,然后抄了一下竞争公司的模板,给我发来了一张原...

1K20
来自专栏编程微刊

微信小程序从零开始开发步骤(八)引入框架WeUI

46240
来自专栏IT大咖说

沪江:React Native三端融合应用实践

摘要 ReactNative给前端提供了一套两端共用代码和快速实现热更新的框架,但在实际落地中,需要进行大量的保障工作和优化工作来让业务能够平稳上线,另一方面,...

49550
来自专栏Guangdong Qi

iOS 各种图标

26250
来自专栏Python爬虫与算法进阶

为什么不推荐Selenium写爬虫

最近在群里经常会看到有些朋友说,使用Selenium去采集网站,我看到其实内心是很难受的,哎!为什么要用Selenium呢? 我想说下自己的看法,欢迎各位大佬批...

39760
来自专栏魏艾斯博客www.vpsss.net

宝塔 Linux 面板 RPM 极速安装体验过程

27230

扫码关注云+社区

领取腾讯云代金券