1. 程式人生 > >Omi 5.0.5 釋出,騰訊開源的下一代 Web 框架

Omi 5.0.5 釋出,騰訊開源的下一代 Web 框架

Omi 5.0.5 已釋出,更新內容如下:

  • [Fix] fix host

  • [Add] supports defineElement for amd env, it's the same as define

Omi 是騰訊開源的下一代 Web 框架,去萬物糟粕,合精華為一,讓 JSX、Web Components、Proxy、Store、Path Updating 在一起。

特性

  • 小巧的尺寸(gzip壓縮後僅4kb)

  • 真正的 MVVM, 擁有 mappingjs 強力支援

  • 支援 TypeScript

  • 響應式資料繫結

  • 增強了 CSS, 支援 rpx 單位,基於 750 螢幕寬度

  • 基於 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寫樣式,如:Radiumjsxstylereact-style;與webpack繫結使用生成獨特的className檔名—類名—hash值,如:CSS ModulesVue),還有執行時注入scoped atrr 的方式,都是 hack 技術;Shadow DOM Style 是最完美的方案