浏览器渲染过程
- 标签逐个去解析
- 当解析到script标签的时候,会都下载下来,并在下载完毕时逐个执行
- 默认情况下,JavaScript 执行会“阻止解析器”:当浏览器遇到文档中的脚本时,它必须暂停 DOM 构建,将控制权移交给 JavaScript 运行时,让脚本执行完毕,然后再继续构建 DOM
- 当解析到css的时候,会都下载下来,并在下载完毕时一起执行
- css文件不会阻塞HTML解析,但是会阻塞渲染,导致css文件未下载完成之前已经解析好html也无法先显示出来
- 浏览器不是解析一个标签就绘制显示一次,当遇到阻塞或者比较耗时的操作的时候才会先绘制一部分解析好的