浏览器的回流(重排)和重绘
1、浏览器解析HTML生成DOM树,解析CSS生成CSSDOM树
2、如何DOM树和CSSDOM树合并构建渲染树
3、然后经过回流(回流主要是计算元素的形状、位置大小)
4、然后再经过重绘(重绘就是转化为屏幕上的实际像素,来达到页面展现的目的)
引起回流的动作有:
浏览器对回流和重绘做了一定的优化
浏览器维护着一个回流和重绘的队列,将需要回流和重绘的操作放在这个队列中,当回流和重绘的操作达到一定数量会触发阈值,然后浏览器就会清空队列,批处理这些操作
当访问以下属性和方法时,浏览器会立刻清空队列,执行回流和重绘返回正确的值,所以要尽量避免使用以下的属性和方法
如何避免回流?
标签:浏览器,DOM,队列,重排,回流,重绘 From: https://www.cnblogs.com/huangcaixia666/p/17975494