浏览器的回流（重排）和重绘，以及如何优化

浏览器的回流（重排）和重绘 

1、浏览器解析HTML生成DOM树，解析CSS生成CSSDOM树

2、如何DOM树和CSSDOM树合并构建渲染树

3、然后经过回流（回流主要是计算元素的形状、位置大小）

4、然后再经过重绘（重绘就是转化为屏幕上的实际像素，来达到页面展现的目的）

 

 

引起回流的动作有：

 

浏览器对回流和重绘做了一定的优化

浏览器维护着一个回流和重绘的队列，将需要回流和重绘的操作放在这个队列中，当回流和重绘的操作达到一定数量会触发阈值，然后浏览器就会清空队列，批处理这些操作

当访问以下属性和方法时，浏览器会立刻清空队列，执行回流和重绘返回正确的值，所以要尽量避免使用以下的属性和方法

 

 如何避免回流？