无标题文章

浏览器渲染：

• 处理html并构建DOM树
• 处理css并构建cssom树
• 将dom与cssom树合并成渲染树
• 根据渲染树布局
• 绘制

①css放head加载，因为浏览器解析是自上而下，放底部页面结构出来了，css还没开始渲染
②js放底部，因为浏览器遇到script标记会暂停DOM构建，直到脚本完成执行。
③ defer和async
首先这两个对inline-script无效。defer表示延迟执行引入的JavaScript，载入JavaScript文件时不阻塞html解析，执行阶段被放在html解析完成后。async表示异步执行引入的JavaScript，即加载好了就开始执行。

在地址栏输入网址发生什么？

• DNS解析URI,浏览器获得对应的IP地址
• http生成请求报文
• TCP协议三次握手（SYN->SYN/ACK->ACK）
• IP协议负责传输
• 服务器传回响应报文