WebF 作为 Kraken 停止维护后社区共建版本,由原 Kraken 团队成员 + 多名社区共建者组成的新的开发团队来继续沿着 Kraken 最初的目标持续更新和演进。
早在 2021 年,Kraken 就推出了采用 Flutter Widget 来实现 HTMLElement 的功能,尝试去打通 Flutter + Web。可惜当时缺乏良好的设计和思考,以至于基本处于不可用的状态,也让后来的人对 Kraken 这套架构能否兼容 Flutter 应用生态丧失了信心。
在最新 WebF 0.13.0 beta 版本,WebF 对此功能进行了重新设计,再保证整体架构不变的情况,完美兼容了 Flutter Widget 应用生态,并实现了在蔚来内部应用的落地。让开发者可以使用所有的 Flutter Widget,去扩展 HTMLElement,去实现前端移动端开发过去在浏览器上一直难以实现的功能。
本次分享将介绍新的 Flutter Widget 嵌入系统的核心设计思想,并介绍一下当前WebF 的最新进展。
演讲提纲:
1. 介绍一下 WebF 0.13.0 的三个重磅功能更新
2. 为什么 DOM Tree 才是 HTML/CSS 渲染的最优架构
3. 深入浅出 WebF Widget 嵌入方案
4. 了解 WebF 在蔚来的应用和效果
5. 了解 WebF 后续的开发计划
你将获得:
- 从算法角度去推导为什么 DOM Tree 才是 HTML/CSS 渲染的最优架构
- 前端框架中虚拟 DOM 和 Flutter Widget 之间的设计相似点
- Flutter Widget Framework 的设计思想和实现原理
- WebF Widget 嵌入系统的设计思想和运行原理
- 如何设计一套系统让开发者可以快速使用 Dart 来定义和实现 HTMLElement 的 API