Houdini

Houdini 是一组赋予了开发者扩展 CSS 的能力的低阶 API,其能够拦截浏览器渲染引擎的添加样式和布局过程。Houdini 让开发者可以访问 CSS 对象模型CSSOM),使他们能够编写可被浏览器解析为 CSS 的代码。

Houdini 的好处在于,开发者无需等待 Web 标准规范定义新特性,也无需等待所有浏览器完全实现这些特性,就可以创建 CSS 特性。

尽管 Houdini 启用的许多特性可以用 JavaScript 创建,但在启用 JavaScript 之前直接与 CSSOM 交互可以提高解析速度。浏览器在应用脚本中的样式更新之前,会创建 CSSOM——包括布局、绘制和合成过程:对于更新的 JavaScript 样式,这些过程会重复执行。Houdini 代码不需要等待首次渲染周期完成,而是包含在首次周期内,从而创建可渲染、可理解的样式。

参见