OMI框架前端生態(tài)賦能與創(chuàng)新實踐

1、OMI 框架前端生態(tài)賦能與創(chuàng)新實踐技術(shù)創(chuàng)新，變革未來概覽OMI + Web ComponentsOMI + 小程序OMI + Kbone OMI + ReactOMI + VueOMI + PreactOMI + Three.jsOMI + CaxOMI 設(shè)計哲學(xué)與通用定理OMI 靈魂上古瀏覽器 Web Components 模擬 Path UpdatingScoped CSS 模擬Web ComponentsProxy 或 ObaaCross-Frameworks FrameworkOMI + Web ComponentsPath UpdatingClass VS Singleton Fra

2、gment 兩種寫法時間旅行https:/tencent.github.io/omi/packages/omi/examples/store-tt/時間旅行時間旅行時間旅行OMIM OMIM 跨主題 OMIM 跨主題 OMIM 跨框架 - VUE OMIM 跨框架 - REACT /calebdwilliams/jsx-native-eventsOMI 通過 CEE 認證Custom elements Testing CaseCustom elements with EventCustom elements with PropertiesReact vs Preact with custom

3、elementsVUE CEE 認證SNAKE MVPSNAKE MVPOMIX + 小程序omix 是 westore 的進化版本omix 是 omi 生態(tài)里使用最廣泛的小程序框架omix 對小程序 0 入侵omix 只有 1 kbomix 傳承了 omi 無狀態(tài)視圖的設(shè)計哲學(xué)OMIX 架構(gòu)領(lǐng)域驅(qū)動OMI + Kboneomi-mp - 使用小程序開發(fā)生成 Web 和 小程序omip - 使用 omi 開發(fā)Web 和 小程序（編譯型）omi-kbone - 使用 omi 開發(fā)Web 和 小程序（運行時）推薦Kbone 原理 - 小程序架構(gòu)Kbone 原理View = Component.se

4、tData(vdom)Kbone 原理Kbone 原理Kbone 原理Kbone 原理OMI + KboneOMI + Kbone歡迎為 Kbone 貢獻代碼OMIV - 1KB Store System for VueOMIV - 響應(yīng)式OMIV 負責(zé)人什么是 CSS？CSS ModulesStyled-JSXStyled-JSXPreact-CSSHTML 標(biāo)簽的作用？HTML 標(biāo)簽用于表達結(jié)構(gòu)？HTML標(biāo)簽短板無法傳遞復(fù)雜的對象作為 attribute無法傳遞數(shù)字無法傳遞 false properties 和 attributes 傻傻分不清楚React 問世React 組件屬性任意傳R

5、eact 橫空出世數(shù)據(jù)驅(qū)動 UI=fn(state)搭積木一樣搭頁面組件任意類型的屬性都可以傳遞Vue 組件屬性任意傳HTML標(biāo)簽通過 src 傳遞復(fù)雜對象HTML標(biāo)簽通過 slot 傳遞復(fù)雜對象HTML標(biāo)簽通過 slot 傳遞復(fù)雜對象OMI JSX 傳遞復(fù)雜對象OMI 自定義標(biāo)簽傳遞復(fù)雜對象HTML標(biāo)簽無法傳遞 false 屬性覆蓋默認值 trueOMI 解決方案OMI-THREEOMI-THREEOMI-CanvasDebug Object Tree設(shè)計哲學(xué)與通用定理前端根本不存在 MVVM 架構(gòu)！99% 的軟件可以沒有 UIPreact 是最好的 React Web 框架，React 不是軟件沒有 UI 更能看清其本質(zhì)Zen of PythonOMI 設(shè)計哲學(xué)Web Components 不能替換整個前端框架基于 Web Components 封裝一下 便可以替換整個前端框架 比如 OMI什么決定框架生死？ 推廣營銷？ 架構(gòu)原理？ 大廠背書？內(nèi)部實現(xiàn)？什么決定框架生死？ 框架 API 設(shè)計決定框架生死HTML+CSS+JS 最佳實踐Web Components CSS、Styled-JSX或 CSS Modules CSS GridTypeScript、 ES6+ 精力守恒定理 框架作者