重绘与回流详解
首先咱们得先了解渲染过程
解析html,生成dom数,解析css,生成cssom树
将dom树和cssom树结合,生成渲染树( Render Tree )
Layout (回流) : 跟进生成的渲染树, 进行回流, 得到节点的几何信息(位置,大小)
Painting (重绘) : 跟进渲染树以及回流得到的几何信息,得到节点的像素
Display : 将像素发送给GPU , 展示在页面上(这边还有很多内容,此处省略)
回流:计算这些dom节点在设备视口 (viewport) 内的确切位置和大小,这个过程
原创
2020-10-25 22:43:34 ·
211 阅读 ·
0 评论