流的

页面重绘及回流的优化方法
JavaScript

页面重绘及回流的优化方法

15 0

在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把 html 结合 css 等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 浏览器把获取到的 HTML 代码解析成1个 DOM树,HTML 中的每个 tag 都是 DOM树中的1个节点,根节点就是我们常用的 document 对象。DOM 树里包含了所有 HTML标签,包括 display:none隐藏,还有用 JS动态添加的元素等。浏览器把所有样式(用户定义的CSS