文本布局性能提升 60%，Inline Text 技术原理与实现

文本布局性能提升 60%，Inline Text 技术原理与实现

摘要

支付宝客户端有极强的动态化诉求，不论 iOS 还是 Android 平台，重新分发软件包在时间上、效率上都难以满足产品运营的要求，所以客户端动态化技术应运而生。

Cube 起源于 Native 页面的动态化诉求，产品形态表现于Cube 卡片。随着小程序的出现，Cube 融入了支付宝小程序技术栈，产品形态为轻量级的支付宝小程序解决方案（相对于使用浏览作为核心的 Web小程序）。作为一个轻量级引擎，Cube 小程序具有体积小、启动快、内存占用低的特点，我们使用自研渲染技术，支持 CSS 子集来实现这些特点。

与浏览器不同，Cube 小程序引擎的输入是一个小程序 DSL（可以理解为小程序规范的语言） 构建后的产物（产物主要由一个 JS 文件以及相关资源组成）输出为用户界面以及后续的交互（不断的用户输入和 UI 输出）。Cube 小程序不断迭代支持样式表，Inline Text 能够做到在较小的包体积（主 so 只有 2.8 MB）的情况下，支持非常多的 CSS 样式，并且布局绘制与 Web 浏览器几乎完全一致。