HTML&浏览器的一些
作者：互联网
理解块级元素和行内元素
理解重排和重绘
核心：重排一定会导致重绘，重绘不一定会导致重排，需要频繁移动变换大小的div尽量脱离文档流，减少重排，提升性能
重排：当DOM的变化影响了元素的几何信息（元素的位置和尺寸大小），浏览器需要重新计算元素的几何属性，将其安放在界面中的正确位置，这个过程叫重排，也叫回流，简单来说就是重新生成布局，重新排列元素
下面情况会发生重排：
- 页面初始渲染，这是开销最大的一次重排
- 添加/删除可见的DOM元素
- 改变元素位置、尺寸（边距/填充/边框/宽度/高度）、内容（文字数量/图片大小）、元素字体大小
- 改变浏览器窗口尺寸，比如resize事件发生时
重排影响的范围：
- 全局范围：从根节点HTML开始对整个渲染树进行重新布局
<body>
<div class="hello">
<h4>hello</h4>
<p><strong>Name</strong></p>
</div>
</body>
- 局部范围：对渲染树的某部分或某一个渲染对象进行重新布局
标签：浏览器,渲染,元素,HTML,重排,一些,重绘 来源： https://blog.csdn.net/weixin_38779534/article/details/122617773