浏览器的重绘与回流(Reflow&Repaint)
什么是重绘/回流?它们有什么区别?如何进行优化?浏览器渲染流程1、解析HTML生成DOM树2、解析CSS生成CSSOM规则树3、将DOM树与CSSOM规则树合并在一起生成渲染树4、遍历渲染树开始布局,计算每个节点的位置大小信息5、将渲染树每个节点绘制到屏幕什么是回流(重排reflow)?回流(重排reflow):对DOM树进行渲染,只要修改DOM或修改元素的形状大小,就会触发reflow,reflow的时候,浏览器会使已渲染好受到影响的部分失效,并重新构造这部分,完成reflow后,浏览器
原创
2020-08-02 21:09:41 ·
304 阅读 ·
0 评论