怎么理解回流跟重绘？什么场景下会触发？

回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置

重绘：当计算好盒模型的位置、大小及其他属性后，浏览器根据每个盒子特性进行绘制

触发：

回流：回流这一阶段主要是计算节点的位置和几何信息，那么当页面的布局（如：尺寸、 位置、隐藏/状态状态）发生改变时，产生重绘回流，JS获取Layout属性值（如 offsetLeft、scrollTop、getComputedStyle等）也会引起回流。因为浏览器需要通过 回流计算最新值，触发回流一定会触发重绘

重绘：当渲染树中的元素外观（如：颜色）发生改变，不影响布局时，产生重绘