js 时间线

1. 创建Document 文档对象，并将document.readyState 置为 loading

2. 遇到   link 标签外部css，异步 加载css，并继续解析文档。

3. 遇到  script 标签外部js，并且没有设置defer, async的属性，解析，并阻塞，解析完成并继续解析。

4. 遇到 script 标签外部js，并且设置defer 或 async 的属性，浏览器创建线程加载，并继续解析文档，对于async脚本，脚本加载完成后并立即执行，（禁止使用 document.write（））

5. 遇到 img标签，按顺序执行， 异步加载src，并继续解析文档。

6. 文档解析完成，document.readyState 置为 'interactive'

7. 文档解析完成后，所有设置defer的脚本会按顺序执行

8.document对象触发DOMContentLoaded事件，标志着同步脚本执行阶段转换为事件驱动阶段

9.当所有异步加载完成后，document.readyState置为complete；