当前位置: 代码迷 >> 综合 >> 重绘和回流
  详细解决方案

重绘和回流

热度:60   发布时间:2024-02-01 07:10:59.0

重绘和回流是针对页面渲染来说的两个概念,都是页面做改变的时候的概念。

重绘:重绘是不改变页面元素的布局和尺寸,只对元素的内容的样式进行改变,例如背景,字体颜色等不改变元素的尺寸和布局的样式修改,然后由浏览器重新绘制渲染的操作就称之为重绘(消耗较少)。

常见的重绘的操作:

1、改变元素的背景色

2、改变元素的字体颜色

回流:回流是当元素的尺寸或者页面布局、结构发生变化的时候,样式进行改变,浏览器重新渲染页面的操作称之为回流。因为回流浏览器需要重新计算尺寸,布局等重新渲染,所以消耗较重。

常见的回流的操作:

1、页面初次渲染

2、更改浏览器尺寸大小

3、修改元素的尺寸大小

4、部分dom操作

注:回流一定会引起重绘,但是重绘不一定会引起回流

 

  相关解决方案