什么是回流和重绘

   浏览器会把获取的HTML代码解析成一个DOM树,html中的每一个元素都是DOM树的一个节点,根节点也就是我们常用的docunment对象
  当渲染的时候遇到一部分或者全部因大小,隐藏,布局的等改变需要重新构建的时候,这时候就会发生回流,每个页面最少会发生一次回流也就是页面第一次加载,在回流的时候,浏览器会使渲染树中受到影响的部分元素失效,并重绘这个部分的渲染树,完成后,再重新绘制这部分受影响的部分,这个过程就是重绘
  当渲染树的一些元素需要更新属性的时候,而这些属性只会影响外观,风格,不影响布局就称为重绘
   回流必定会发生重绘,但重绘不会发生回流
  回流会导致页面重排,影响性能
 
 什么时候会发生回流:
    1.添加或者删除可见的DOM元素的时候
    2.元素位置发生改变
    3.元素尺寸发生改变
    4.内容改变
    5.页面第一次加载
 

猜你喜欢

转载自www.cnblogs.com/lyh1113/p/10903435.html