# 从输入 URL 开始建立前端知识体系

# 输入网站,解析 URL 信息,准备发送 HTTP 请求

# 浏览器缓存判断

DB806E05-35B9-48E3-8488-0315EB632431.png

# 强缓存

# 协商缓存

# DNS 域名解析

CCA4A303-61F7-46B0-A6A0-49EBF118C516.png

# 本地解析

  • 浏览器缓存

  • 系统缓存

  • 本地 hosts

# 互联网解析

  • 本地 dns 服务器
  • 根服务器
  • cn 顶级域名
  • yiliangliang.cn 权威域名

# TCP 连接

1EDB167A-A7BD-4062-9720-C98D9D5D6CB9.png

# HTTP 连接

# 三次握手

7EAE89DF-AEC8-4329-84D8-2223BF9284AF.png

字段含义解读:

seq(sequence number),序列号,随机数 ack(acknowledgement number), 确定号 ack = seq + 1

TCP 标志位

  • ACK 确认序列号有效

  • SYN 发起一个新的连接

# HTTPS

005F218D-A687-4EC0-87BF-18A4A775806A.png

# 服务器返回资源,浏览器进行渲染

A4F9EA1C-0969-4308-926E-A83767843A0A.png

# HTTP 断开连接

862BFCDF-4353-4717-BBC5-3A432C2571B8.png