这次给大家带来重绘与重排如何使用，使用重绘与重排的注意事项有哪些，下面就是实战案例，一起来看一下。浏览器加载页面原理通常在文档初次加载时，浏览器引擎会解析HTML文档来构建DOM树，之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树的每个节点都有大小和边距等属性，类似于 盒子模型 （由于隐藏元素不需要显示，渲染树中并不包含DOM树中隐藏的元素）。当渲染树构建完成后，浏览器就可以将元素放置到正确的位置了，再根据渲染树节点的样式属性绘制出页面。由于浏览器的 流布局，对渲染树的计算通常只需要遍历一次就可以
本篇文章带大家了解一下CSS新特性contain，介绍一下控制页面重绘与重排的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在介绍新的 CSS 属性 contain 之前，读者首先需要了解什么是页面的重绘与重排。OK，下面进入本文正题。contain 为何？contain 属性允许我们指定特定的 DOM 元素和它的子元素，让它们能够独立于整个 DOM 树结构之外。目的是能够让浏览器有能力只对部分元素进行重绘、重排，而不必每次都针对整个页面。The contain property