Skip to content

Commit

Permalink
[zh-cn] fix translate content error
Browse files Browse the repository at this point in the history
Translation duplication.
"能够能够" ->"能够"
  • Loading branch information
Dou-D authored Oct 29, 2024
1 parent 5e8f12c commit fe7e249
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/houdini_apis/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ Houdini 是一组底层 API,它们公开了 CSS 引擎的各个部分,从而

## Houdini 的优点

当样式改变时 Houdini 相比 JavaScript[.style](/zh-CN/docs/Web/API/ElementCSSInlineStyle/style) 的方式能够能够更快的解析。浏览器在应用脚本中发现的任何样式更新之前,会对 CSSOM 进行解析——包括布局、绘制和合成过程。此外,对于 JavaScript 样式更新,布局、绘制和复合过程也会重复进行。Houdini 代码不会等待第一个渲染周期完成。相反,它被包含在第一个周期中——创建可渲染的、可理解的样式。Houdini 为在 JavaScript 中使用 CSS 值提供了一个基于对象的 API。
当样式改变时 Houdini 相比 JavaScript[.style](/zh-CN/docs/Web/API/ElementCSSInlineStyle/style) 的方式能够更快的解析。浏览器在应用脚本中发现的任何样式更新之前,会对 CSSOM 进行解析——包括布局、绘制和合成过程。此外,对于 JavaScript 样式更新,布局、绘制和复合过程也会重复进行。Houdini 代码不会等待第一个渲染周期完成。相反,它被包含在第一个周期中——创建可渲染的、可理解的样式。Houdini 为在 JavaScript 中使用 CSS 值提供了一个基于对象的 API。

Houdini 的 CSS Typed OM 是一个包含类型和方法的 CSS 对象、并且暴露出了作为 JavaScript 对象的值。比起先前基于字符串的,对 [`HTMLElement.style`](/zh-CN/docs/Web/API/HTMLElement/style) 进行操作的方案,对 JavaScript 对象进行操作更符合直觉。每个元素和样式表规则都拥有一个样式对应表,该对应表可以通过 [`StylePropertyMap`](/zh-CN/docs/Web/API/StylePropertyMap) 来获得。

Expand Down

0 comments on commit fe7e249

Please sign in to comment.