Omi菜鸟指南_开放现代的Web组件化框架

Omi菜鸟指南

官方网址:http://omijs.org

Omi菜鸟指南_开放现代的Web组件化框架

GitHub:https://github.com/Tencent/omi

简介描述:开放现代的Web组件化框架

由腾讯AlloyTeam发起,由微软、腾讯、阿里等互联网公司工程师开发维护的现代化Web组件化框架。  Omi是下一代 Web 框架,去万物糟粕,合精华为一。

Omi特性

  • 小巧的尺寸(gzip压缩后仅4kb)
  • 支持 TypeScript
  • 响应式数据绑定
  • 基于 Shadow Dom 设计
  • 利用Chrome 开发工具扩展 轻松调试,从 Chrome 应用商店安装
  • 符合浏览器的发展趋势以及API设计理念
  • Web Components + JSX 相互融合为一个框架 Omi
  • 内置 observe 制作响应式视图(免去 this.update)
  • Web Components 也可以数据驱动视图, UI = fn(data)
  • JSX 是开发体验最棒(智能提示)、语法噪音最少的 UI 表达式
  • 独创的 Path Updating 机制,基于 Proxy 全自动化的精准更新,功耗低,自由度高,性能卓越,方便集成 requestIdleCallback
  • 对 this.update 说再见吧!只要使用 store 系统,它就会自动化按需更新局部视图
  • 看看Facebook React 和 Web Components对比优势,Omi 融合了各自的优点,而且给开发者自由的选择喜爱的方式
  • Shadow DOM 与 Virtual DOM 融合,Omi 既使用了虚拟 DOM,也是使用真实 Shadow DOM,让视图更新更准确更迅速
  • 99.9% 的项目不需要什么时间旅行调试(Time travel debugging),而且也不仅仅 redux 能时间旅行,请不要上来就 redux,Omi store 系统可以满足所有项目。
  • 局部 CSS 最佳解决方案(Shadow DOM),社区为局部 CSS 折腾了不少框架和库(使用js或json写样式,如:Radium,jsxstyle,react-style;与webpack绑定使用生成独特的className文件名—类名—hash值,如:CSS Modules,Vue),都是 hack 技术;Shadow DOM Style 是最完美的方案

海计划公众号
(0)
上一篇 2020/03/06 08:32
下一篇 2020/03/06 08:32

您可能感兴趣的内容