</h1> <h2 id="简单回顾浏览器的渲染机制"><a href="#简单回顾浏览器的渲染机制" class="header-anchor">#</a> 简单回顾浏览器的渲染机制</h2> <p>浏览器从下载文档到显示页面的过程是个复杂的过程，其中就包含了回流和重绘。</p> <ol><li>通常在文档初次加载时，浏览器引擎会使用 HTML 解析器解析 HTML 文档，构建 DOM 树</li> <li>使用 CSS 解析器解析 CSS，构建 CSSOM 树（或叫 Style Rules）</li> <li>DOM 树和 CSSOM �