带你重新认识回流和重绘

  • Post author:
  • Post category:其他




好好学习 ,天天向上。Are you ready?
在这里插入图片描述


概念:

当渲染树中的一部分或者全部因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候,这时候就会发生回流。每个页面都至少发生一次回流,也就是页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的元素部分失效,并重新绘制这个部分的渲染树,完成回流以后,浏览器会重新绘制受到影响的

部分元素到屏幕中,这个过程就是重绘。


什么时候会发生回流?


1、添加或者删除可见的DOM元素的时候

2、元素的位置发生改变

3、元素尺寸改变

4、内容改变

5、页面第一次渲染的时候



版权声明:本文为weixin_43654258原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。