(1)、URL解析
1. 合法的URL 还是 待搜索的关键词
2. 协议 http https
URL01.webp
3.域名 对应的IP地址
确定服务器
4.端口 默认80可以省略
确定服务器中的具体应用
5.路径 ?之前的
确定本次访问的资源位置
6.查询字符串 参数
7.# 后面锚点
对请求资源的详细描述
(2)、DNS查询
域名系统 主机名和域名转为IP地址
host文件 需要知道
获得目标服务器 IP地址
(3)、TCP链接
三次握手
传输层
管道 公路
(4)、HTTP请求
应用层 建立在tcp之上 油,水 汽车
请求头
请求主体
请求行
概要 http.webp
(5)、响应请求
服务器 进行逻辑操作
处理完之后 返回一个 HTTP响应信息
状态行 状态码
响应头 content-Type Date content-Length
响应正文
页面关闭 第四次挥手 完成 断开
(6)、 页面渲染
浏览器 收到资源 开始进行解析
查看响应头的信息 做对应处理: 重定向 存储cookie 解压 gzip 缓存资源等
查看响应头的Content-Type 不同的类型 不同的解析方式
具体的页面渲染: 解析HTML 构建DOM树 解析CSS,构建CSS规则树 合并DOM树和CSS规则,生成render树 布局render树(Layout/reflow)负责个元素尺寸、位置的计算 绘制render树 (paint),绘制页面像素信息 浏览器会将各层的信息发送给GPU,GPU会将各层合成(composite),显示在屏幕上 渲染.webp
网友评论