关于强制同步布局

Question

老师，强制同步布局为什么会造成页面抖动。本质原因是什么呢?

Answer 1

Mr_Max 2021-10-28 00:29:15

同学你好！

可以看再回顾一下这章的课程，对页面的渲染过程更清晰的了解。

页面抖动是连续发生强制同步布局造成过多过大无用的渲染开销。强制同步布局主要是布局相关样式修改后马上去获取布局相关信息（不一定是之前修改的那个属性），导致浏览器必需在读取前立即进行重新布局计算以保证你读取到最新的值。本可以推迟批量进行的布局优化不能进行。

• 提问者 慕丝4078674 #1

  老师，弱弱再问一下，推迟批量进行的布局优化这个过程是怎样的呢😯

• Mr_Max 回复 提问者 慕丝4078674 #2

  这个是浏览器实现里会进行的优化。