Omi 5.0.5 釋出,騰訊開源的下一代 Web 框架
Omi 5.0.5 已釋出,更新內容如下:
[Fix] fix host
[Add] supports
defineElement
for amd env, it's the same asdefine
Omi 是騰訊開源的下一代 Web 框架,去萬物糟粕,合精華為一,讓 JSX、Web Components、Proxy、Store、Path Updating 在一起。
特性
小巧的尺寸(gzip壓縮後僅4kb)
支援
TypeScript
響應式資料繫結
增強了 CSS, 支援 rpx 單位,基於 750 螢幕寬度
利用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
,Omistore
系統可以滿足所有專案。區域性 CSS 最佳解決方案(
Shadow DOM
),社群為區域性 CSS 折騰了不少框架和庫(使用js或json寫樣式,如:Radium
,jsxstyle
,react-style
;與webpack繫結使用生成獨特的className檔名—類名—hash值
,如:CSS Modules
,Vue
),還有執行時注入scoped atrr
的方式,都是 hack 技術;Shadow DOM Style
是最完美的方案