网络相关基础知识

页面加载过程

  1. URL解析
  2. DNS查询
  3. 资源请求
  4. 浏览器解析

URL结构

1
2
http://www.baidu.com:80/getdata.do?userId=1#title
协议 域名 端口 路径 参数 哈希

DNS查询

  • DNS全称:Domain Name System
  • 浏览器 -> DNS缓存 -> DNS服务器
  • dns-prefetch

资源请求流程

  • 浏览器 -> 后端服务器
  • Request-header + 参数(url body)
  • status + Response-header + body

浏览器解析(理想环境)

  • DOM + JS执行(如出现JS,暂停DOM构建,先执行JS)
  • 构建渲染树
  • 布局(确定元素大小和位置)
  • 绘制
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×