騰訊開源框架 Omi 更新，全面擁抱 Web Components

摘要： 騰訊開源的通用 Web 元件化框架 Omi 更新了，此次更新全面擁抱 Web Components。 Web Components 包含四項技術標準規範：CustomElement、Shadow DOM、Template 與 HTML Import，Omi 框架使用了其中最為重要的 Cus...

騰訊開源的通用 Web 元件化框架 Omi 更新了，此次更新全面擁抱 Web Components。

Web Components 包含四項技術標準規範：CustomElement、Shadow DOM、Template 與 HTML Import，Omi 框架使用了其中最為重要的 Custom Element 和 ShadowDOM 能力，Template 使用語法噪音最小程式設計體驗最好的 JSX 來替代作為 UI 結構的表示式，HTML Import 使用 Webpack 或者其他任意流行打包工具來替代。

此次更新主要帶來了以下特性：

• 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 是最完美的方案

詳情檢視ofollow,noindex" target="_blank">釋出公告 。