浏览器于是便吧这些元素都按照各自的 特性 绘制了一遍
对付DOM布局中的各个元素都有本身的盒子模型,这些都需要浏览器按照各类样式(浏览器的、开发人员界说的等)来计算并按照计算功效将元素放到它该呈现的位置,,这过程称之为reflow(回流)
重绘:
当各类盒子的位置、巨细以及其他属性,例如颜色、字体巨细等都确定下来后,浏览器于是便吧这些元素都凭据各自的特性绘制了一遍,于是页面的内容呈现了,这个过程称之为repaint(重绘)【视觉上的感官】
DOM元素的添加、改削(内容)、删除(回流+重绘)
仅改削DOM元素的字体颜色(重绘,因为不需要调解构造)
回流必然触发重绘,但是重绘不必然触发还流
制止触发还流/重绘????????
触发重绘的情况
1.转变字体
2.增加或者移除样式表
3.输入框产生转变
4.激活css伪类
5.脚本操纵DOM
6.计算offsetHeight 和offsetWidth的属性
7.设置style属性的值
【web性能优化】DOM的reflow 和repaint
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32863.html