Houdini

Houdini 是一组低级 API,使开发人员能够扩展 CSS,提供钩入浏览器渲染引擎的样式和布局过程的能力。Houdini 使开发人员能够访问 CSS 对象模型 (CSSOM),从而使开发人员能够编写浏览器可以解析为 CSS 的代码。

Houdini 的好处在于,开发人员可以创建 CSS 功能,而无需等待 Web 标准规范来定义它们,也无需等待所有浏览器完全实现这些功能。

虽然 Houdini 启用的许多功能都可以通过 JavaScript 创建,但在 JavaScript 启用之前直接与 CSSOM 交互可以加快解析速度。浏览器在应用脚本中找到的任何样式更新之前,就会创建 CSSOM(包括布局、绘制和合成过程):布局、绘制和合成过程会重复以实现更新的 JavaScript 样式。Houdini 代码不必等待第一个渲染周期完成。相反,它包含在第一个周期中,创建可渲染、可理解的样式。