一步一步学前端(八)

从浏览器中输入url到页面呈现发生了什么

https://blog.youkuaiyun.com/nicexibeidage/article/details/78048773

dns解析

• 在浏览器dns缓存中解析
• 在操作系统dns缓存中解析
• 在本机hosts文件中解析
• 在路由器dns缓存
• 在dns服务器中递归查找
  

建立tcp连接

• 建立三次握手
  

• 断开连接四次握手
  

发起http请求

• 七种字段(get post head put delete options trace)
  

响应

状态码：

• 1xx：信息状态吗
• 2xx：报文请求成功
• 3xx：重定向
• 4xx：客户端错误码
• 5xx：服务端错误码
  

浏览器端构建

• 构建dom树
• 构建cssom树
• 构建渲染树

布局渲染

• 对合并好的渲染树进行计算排版布局

https

https://blog.youkuaiyun.com/qq_34337272/article/details/78334155
https://blog.youkuaiyun.com/b5694708/article/details/78445027

关于性能优化

• 重绘
• 重画