当前位置:首页 > Web开发 > 正文

浏览器于是便吧这些元素都按照各自的 特性 绘制了一遍

2024-03-31 Web开发

对付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