【网络面试篇】从输⼊ URL 到⻚⾯展示到底发⽣了什么?

目录

一、大致流程

[1. 流程概述](#1. 流程概述)

[2. 全流程描述](#2. 全流程描述)

二、流程解析

[1. URL 解析](#1. URL 解析)

[2. DNS 查询](#2. DNS 查询)

[3. TCP 连接](#3. TCP 连接)

[4. 渲染页面](#4. 渲染页面)


一、大致流程

1. 流程概述

(1)URL 解析

(2)DNS 查询

(3)TCP 连接

(4)处理请求

(5)接受响应

(6)渲染页面

2. 全流程描述

1. 浏览器接收到用户请求,先检查浏览器缓存里是否有缓存该资源,如果有直接返回;如果没有进入下一步网络请求。

2. 网络请求前,进行 DNS 解析,以获取 请求域名的 IP 地址。如果 请求协议是 HTTPS,那么还需要建立 TLS 连接。DNS 解析时 会按 本地浏览器缓存 -> 本地 Host 文件-> 路由器缓存 -> DNS 服务器 -> 根 DNS 服务器 的顺序 查询域名 对应 IP,直到 找到为止。

3. 浏览器 与 服务器 IP 建立 TCP 连接。连接建立后,浏览器端会 构建 请求行、请求头 等信息,并把 和 该域名相关的 Cookie 等数据 附加到 请求头中,向服务器 构建请求信息。

4. 服务器 接收到 请求信息,根据 请求生成 响应数据。

5. 浏览器 解析响应头。若响应头状态码为 301、302,会重定向到 新地址;若 响应数据类型是 字节流类型,一般会将请求提交给 下载管理器;若是 HTML 类型,会进入 下一部 渲染流程。

6. 浏览器解析 HTML 文件,创建 DOM 树,解析 CSS 进行样式计算,然后将 CSS 和 DOM 合并,构建渲染树;最后布局和绘制渲染树,完成 页面展示。

二、流程解析

1. URL 解析

URI 格式由 URI 协议名(例如 http、ftp、maito、file),一个冒号,和 协议对应的 内容所构成。特定的协议 定义了 协议内容的 语法和语义。

URL 的格式由下列三部分组成:

  • 第一部分是 协议(或称为服务方式)。
  • 第二部分是 存有该资源的 主机 IP 地址(有时也 包括 端口号)。
  • 第三部分是 主机资源的 具体地址。

具体 URI 的格式如下:

复制代码
[协议名]://[用户名]:[密码]@[服务器地址]:[服务器端口号]/[路径]?[查询字符串]#[片段ID]

例如:scheme://host.domain:port/path/filename
① scheme - 定义因特网服务的类型。常见的协议有 http、https、ftp、file。
② host - 定义域主机(http 的默认主机是 www)
③ domain - 定义因特网域名,比如 http://baidu.com
④ port - 定义主机上的端口号(http 的默认端口号是 80)
⑤ path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
⑥ filename - 定义文档/资源的名称

2. DNS 查询

ISP DNS 就是在客户端电脑上设置的首选 DNS 服务器,它们在大多数情况下都会有缓存。

3. TCP 连接

4. 渲染页面

相关推荐
2401_8532757323 分钟前
Sentinel实现原理
服务器·网络·sentinel
西岭千秋雪_6 小时前
计算机网络学习笔记:TCP可靠传输实现、超时重传时间选择
网络·笔记·学习·tcp/ip·计算机网络
三体世界7 小时前
HTTPS加密原理
linux·开发语言·网络·c++·网络协议·http·https
小开心大王7 小时前
嵌入式学习笔记——day36-多路IO复用
笔记·学习
Wilber的技术分享7 小时前
【机器学习实战笔记 12】集成学习:AdaBoost算法
人工智能·笔记·算法·决策树·机器学习·分类·集成学习
云资源服务商7 小时前
探索阿里云网络与CDN产品:解锁高效网络体验
服务器·网络·阿里云·云计算
安 当 加 密7 小时前
如何通过密钥管理系统实现数据库、操作系统账号和密码的安全管理
网络·数据库·安全
zhaoll98k7 小时前
HTTP Server
网络·网络协议·http
mooyuan天天8 小时前
pikachu靶场通关笔记40 反序列化(三种方法渗透)
笔记·安全·web安全·反序列化漏洞·pikachu靶场
hao_wujing8 小时前
交通感知航空网络中多无人机部署与三维定位的联合优化
网络·无人机