无标题文章

浏览器渲染:

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

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

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

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

你可能感兴趣的:(无标题文章)