Google chrome DevTools消息是什么；“样式无效”；什么意思？

此消息是对开发人员工具->时间线->框架中“重新计算样式”记录的解释。我能找到的这个字符串的唯一搜索结果是对其在Webkit本地化源中位置的引用

我有一套60帧/秒的动画，除了偶尔的“样式无效”打嗝，偶尔会消耗100+毫秒。上述打嗝出现在两个位置之一，如DevTools时间线图的悬停状态所示：

1） 一种格林斯托克时间线，其播放头前后移动，以控制元素在屏幕上的动画

2） 直接在一小组旋转元素上设置变换的代码块：

while(i--) {
    gears[i].style['WebkitTransform'] = 'rotate3d(0,0,1,' + (delta * rotations[i]) + 'deg)';
}

这两个属性都是从

requestAnimationFrame

循环中调用的，在代码中任何地方修改的唯一属性是变换

rotate

/

rotate3d

和

translate

/

translateX

/

translate3d

（我试过使用和不使用3d）

---

我还尝试禁用了

translateX

和

rotate

中的一个或另一个，但它们各自似乎仍然会导致问题

您有简化的测试用例吗？是否存在由同一行代码强制执行的其他重新计算样式的事件，这些事件花费的时间要少得多。在这两种情况下，长和短的rotate3d都使用了什么值。@Wonderdool，你知道这一点吗？