浏览器渲染原理

浏览器示意图

重排和重绘

重排：需要重新"布局计算"的浏览器会重新计算生成新的layout树，一般的改变几何信息的例如宽、高、形状等等

重绘：不改变layout树但是需要元素需要重新绘制的，例如：字体颜色、背景颜色等等 （重排和重绘都需要渲染主线程重新计算，尽量避免！）