javascript - CSS calc 中的数学是否比 JS 中的数学快？

Question

例如，如果我想以 60fps 更新 CSS 值，那么setCSS(i * 10 + 'px')在 JS 中或在 css 中执行类似的操作会更快property: calc(10px * var(--i))吗？

标签： javascriptcsscss-variables

Answer 1

我不认为速度是您用来确定使用哪个的问题。任何支持的客户端calc()都会很快，而且它的速度实际上是特定于实现的。

选择其中之一的原因不是速度，而是灵活性和您的用例。calc()将您限制为硬编码值，这在某些情况下是完美的，而 JavaScript 允许您引用值。当然 CSS 变量即将到来，但它们还没有出现，即使它们出现了，拥有 JS 语言的全部功能和完整的 DOM API 也很重要。