浏览器渲染逻辑

解析没有 defer 或 async 属性的 js 时会阻塞 DOM 的解析

graph LRA[页面加载] --> B[构建DOM树] --> D[render树]A --> C[构建CSSOM树] --> DB -..-> E[解析js图像等其他资源]D --> F[布局确定每个对象在页面上的位置] --> G[绘制为实际像素]G -....-> |js修改| F