浏览器渲染工做流程

  1. 浏览器工做流程:构建DOM -> 构建CSSOM -> 构建渲染树 -> 布局 -> 绘制。浏览器

  2. CSSOM会阻塞渲染,只有当CSSOM构建完毕后才会进入下一个阶段构建渲染树。async

  3. 一般状况下DOM和CSSOM是并行构建的,可是当浏览器遇到一个不带defer或async属性的script标签时,DOM构建将暂停,若是此时又恰巧浏览器还没有完成CSSOM的下载和构建,因为JavaScript能够修改CSSOM,因此须要等CSSOM构建完毕后再执行JS,最后才从新DOM构建。布局