WebF 是如何高性能实现 Flutter + Web 融合的

所属专题:多端一致性

嘉宾 : 董天成(晟怀) | 蔚来汽车资深研发工程师

会议室 : 巴塞尔

讲师介绍

专题演讲嘉宾:董天成(晟怀)

蔚来汽车资深研发工程师

20 岁毕业于重庆邮电大学,从业 6 年,先后就职于百度,淘宝。WebF/北海(Kraken)Top 1 核心开发者兼 TSC 主席,主导了 WebF/Kraken C++ Binding 层、DOM 层、Rendering层,以及 Flutter Widget 接入的设计与实现。现在致力于解决跨端应用开发领域内所面临的运行性能差、多端不一致、开发体验差的等问题。

对跨语言 FFI 通信性能调优、JavaScript Engine Binding、Web Layout/Paint System 都有着深入的研究和丰富的优化实践经验。

在做 WebF/Kraken 之前,曾经是一名前端工程师,RCRE 作者。

议题介绍

演讲:WebF 是如何高性能实现 Flutter + Web 融合的

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

交通指南

上海·宏安瑞士大酒店

Swissotel Grand Shanghai
地址:上海市静安区愚园路1号
  • 微信咨询

  • 电话咨询

    联系电话:+86 18514549229

微信联系我们

小姐姐 瑞丽