当 javascript 更新一个 class 时使用 requestanimationframe 有用吗？

Question

上下文

我了解到，当我想保持 UI 的流动性时，而不是：

document.querySelector('#div').style.width = '100px';

我可以使用：

requestAnimationFrame(function() {
  document.querySelector('#div').style.width = '100px';
});

问题

对 class 更改做同样的事情有用吗？我的意思是：

requestAnimationFrame(function() {
    document.querySelector('#div').classList.add('big');
});

保持良好的UI流动性有用吗？

备注

我还了解到，通过 Jake 关于 Javascript 事件循环的视频，CSS 应用于与 [= 不同的线程 43=]，因此我的问题是因为它是 Javascript 发送 class 更改，它是否算作 JS 事件循环或 CSS 事件循环的一部分？

Answer 1

我会说你不应该这样做，除非你知道你为什么想要它。

你的RAF引入的"fluidity"实际上是将变化从"do it now"移动到"do it when you're drawing next"造成的。

Is it useful to use requestanimationframe when javascript updates a class?