1.重绘:当元素样式的改变不会影响布局时,浏览器将会使用重绘对元素进行更新,此时只需要UI层面的重新像素绘制,所以损耗较少
常见的重绘操作:
改变元素的颜色;
改变元素的背景颜色
2.回流(重排):当元素的尺寸、结构发生改变或者出发某些属性时,浏览器会重新计算渲染页面内,发生回流
常见的回流操作:
让标签隐藏或者改变标签的宽高
通过js往页面中添加DOM元素以及通过js获取元素尺寸大小或者偏移量
特点:重绘不一定引起回流,但回流一定会引起重绘
1.重绘:当元素样式的改变不会影响布局时,浏览器将会使用重绘对元素进行更新,此时只需要UI层面的重新像素绘制,所以损耗较少
常见的重绘操作:
改变元素的颜色;
改变元素的背景颜色
2.回流(重排):当元素的尺寸、结构发生改变或者出发某些属性时,浏览器会重新计算渲染页面内,发生回流
常见的回流操作:
让标签隐藏或者改变标签的宽高
通过js往页面中添加DOM元素以及通过js获取元素尺寸大小或者偏移量
特点:重绘不一定引起回流,但回流一定会引起重绘