JS方向：浏览器是如何渲染页面的的

1.解析HTML文件，创建DOM树，自上而下遇到任何样式（link，style）与脚本（script）都会阻塞（外部样式不会阻塞后续待续外部脚本的加载）。

2.解析CSS。优先级：浏览器默认样式 < 用户设置 < 外部样式 < 内联样式 < HTML的style样式。

3.将CSS与DOM合并，构建渲染树（Render Tree）。

4.布局、重绘（repaint）和重排（reflow）