js的时间线

首先了解一下Javascript的异步加载（3种）

1. defer 异步加载 IE能使用
2. asyns html5中的新属性
3. 创建script标签，设置src属性，变成异步，插入到document中

第一阶段Document解析中

1. .创建Document对象，开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段 document.readyState = ‘loading’ 。
2. 当遇到外部资源时（外部css，外部js，内部js），除了script标签中src为同步，其他的为异步，有且只有这一个src为同步，
3. 解析完成后，document.readState = ‘interactive’;下载中同时触发了DOMContentLoaded
   下载中
4. 除了script标签中，其他的所有玩不资源下载
5. 完成后，document.readyState = ‘complate’
6. window触发Load事件

注意：DOMContentLoaded 只有二级绑定，事件监听