Starlight 布局引擎：Lynx 布局引擎的设计与实现解析

Starlight布局引擎： Lynx的布局引擎的设计和实现 王之轩｜字节跳动LynxStarlight布局引擎主要贡献者 王之轩 字节跳动，LynxMultiplaform组Leader 本科毕业于浙江大学，硕士毕业于哥伦比亚大学。现任LynxMultiplaform组Leader负责 Lynx在多平台的接入与落地，同时负责Lynx的多平台架构与工程组织问题，为Lynx布局引擎 Starlight的主要作者。 01 02 03 04 Lynx为什么需要自研布局引擎 从Web布局规范到轻量引擎设计 Web的布局逻辑与Starlight的实现 布局能力的拓展 Lynx为什么需要自研布局引擎 InstantFirst-FrameRendering  新的跨端框架 融入WEB的庞大生态     ............... In CSS-In-JSIn 从Web布局规范到轻量引擎设计 HTML == HyperTextMarkup Language 更丰富的块布局--FlexibleBox&Grid display:flex display:grid 但是许多布局仍然用 HTML+CSS的早期布局能力 樂能开发一个原生框架去完整对齐HTML+CSS语法么 是否要轻量化 No：可能 Yes：不能 文字布局驱动的 NormalFlow Float Table 原生实现： •StaticLayout •TextRunShaper •CoreText 能力不足 自己实现： •HarfBuzz •Icu •FreeType 复杂+代码体积过大 Inline 文本布局（Ty