OMI框架前端生态赋能与创新实践

1、OMI 框架前端生态赋能与创新实践技术创新，变革未来概览OMI + Web ComponentsOMI + 小程序OMI + Kbone OMI + ReactOMI + VueOMI + PreactOMI + Three.jsOMI + CaxOMI 设计哲学与通用定理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 生态里使用最广泛的小程序框架omix 对小程序 0 入侵omix 只有 1 kbomix 传承了 omi 无状态视图的设计哲学OMIX 架构领域驱动OMI + Kboneomi-mp - 使用小程序开发生成 Web 和 小程序omip - 使用 omi 开发Web 和 小程序（编译型）omi-kbone - 使用 omi 开发Web 和 小程序（运行时）推荐Kbone 原理 - 小程序架构Kbone 原理View = Component.se

4、tData(vdom)Kbone 原理Kbone 原理Kbone 原理Kbone 原理OMI + KboneOMI + Kbone欢迎为 Kbone 贡献代码OMIV - 1KB Store System for VueOMIV - 响应式OMIV 负责人什么是 CSS？CSS ModulesStyled-JSXStyled-JSXPreact-CSSHTML 标签的作用？HTML 标签用于表达结构？HTML标签短板无法传递复杂的对象作为 attribute无法传递数字无法传递 false properties 和 attributes 傻傻分不清楚React 问世React 组件属性任意传R

5、eact 横空出世数据驱动 UI=fn(state)搭积木一样搭页面组件任意类型的属性都可以传递Vue 组件属性任意传HTML标签通过 src 传递复杂对象HTML标签通过 slot 传递复杂对象HTML标签通过 slot 传递复杂对象OMI JSX 传递复杂对象OMI 自定义标签传递复杂对象HTML标签无法传递 false 属性覆盖默认值 trueOMI 解决方案OMI-THREEOMI-THREEOMI-CanvasDebug Object Tree设计哲学与通用定理前端根本不存在 MVVM 架构！99% 的软件可以没有 UIPreact 是最好的 React Web 框架，React 不是软件没有 UI 更能看清其本质Zen of PythonOMI 设计哲学Web Components 不能替换整个前端框架基于 Web Components 封装一下 便可以替换整个前端框架 比如 OMI什么决定框架生死？ 推广营销？ 架构原理？ 大厂背书？内部实现？什么决定框架生死？ 框架 API 设计决定框架生死HTML+CSS+JS 最佳实践Web Components CSS、Styled-JSX或 CSS Modules CSS GridTypeScript、 ES6+ 精力守恒定理 框架作者