用户从输入URL到页面显示都发生了什么

最新推荐文章于 2024-09-22 11:17:00 发布

foolBirdd

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量192

点赞数 1

分类专栏：浏览器文章标签： javascript

本文链接：https://blog.csdn.net/qq_43510829/article/details/114632317

版权

3 篇文章 0 订阅

订阅专栏

定义：url是统一资源定位系统，指定信息位置，生活中一般称之为网站网址
url组成
- https：协议，https=http+ssl（ssl用于加密，保证http传输通道安全）
- juele.cn：主机
- 433：端口号
- 5562/search：路径
- query=url组成：查询参数，比如百度搜索 ”url参数“，当你在输入框里输入它并回车后，百度的地址栏中就会显示你的查询参数
- #bottom：锚点，用于页面跳转时定位到相应内容。比如在页面html文件底部的某元素上加上属性 ”id=”bottom“，则别的网页携带bottom锚点跳转到该网页后就会直接下拉到底部相应位置
```
https://juele.cn: 433/5562/search?query=url组成/#bottom
```
URL解析
- 输入URL后，浏览器会解析出上述信息，并发送http请求
- 发送请求前，会检查是否命中强制缓存，没有则继续检查是否命中协商缓存，还没有的话再发送请求从服务器获取资源（缓存通俗说，是之前的访问记录，如果访问过该网址并有记录，则直接用该记录，不去服务器请求资源，更高效）

发送http请求前，浏览器得获取要访问的网页的ip地址
DNS指域名系统，比如www.baidu.com就是一个域名；IP地址是一个32位的二进制数，通常被分为4个8位的二进制数。比如百度的ip为202.108.22.5
DNS解析就是将域名解析为ip地址
域名和ip一般都是用于表示主机或网络地址的，前者便于人们理解，后者便于机器理解，所以便出现了两种形式，之间还得转换（也就是解析）

既然浏览器识别了IP地址，那么就得和它建立联系了。
这里就牵扯到了最常见的TCP连接方式：三次握手
- 不讲复杂的东西，就谈通俗理解。用户（客户端）想访问网页（服务端），给网页发送 “建立连接请求”（一次握手），网页收到消息后，告诉用户 “你的消息我收到了，可以建立连接”（二次握手），用户再发一次消息 “你的消息我也收到了，即将建立连接”（三次握手），然后TCP连接便建立了
- **为什么要三次握手呢？**根本原因：TCP是可靠传输，得保证可靠性。首先用户得确认网页是否可以建立连接（一次），网站收到消息后，告诉用户可以（二次），此时用户知道了自己的发送和接收功能都没问题，然后告诉网页可以建立连接了（三次），网页收到消息后就知道了自己的发送和接收功能也没问题，然后就可以放心的建立连接了

TCP连接建立后，就可以发送请求（请求报文）了
请求报文包括报文首部、空行、报文主体，报文首部包含了请求方法、请求URL、HTTP协议版本，比较关键
- 请求方法：get、head、post、put、delete、trace、options

通俗理解：用户（客户端）想关闭网页（服务端），给网页发送 “关闭连接请求”（一次挥手），网页收到消息后，告诉用户 “你的消息我收到了”（二次挥手），如果网页准备好了关闭连接则再次向用户发送消息“可以关闭连接”（三次挥手），用户再发一次消息 “你的消息我也收到了，同意关闭连接”（四次挥手），然后TCP连接便完全关闭了
**为什么比三次握手多了一次？**显然，第二次握手相当于二次、三次挥手的结合，这里没有一步到位是因为，关闭连接时，网页得先检查并确定自己不再有需要发送的数据，才能告诉用户 “可以关闭连接”

创建window对象：window是全局执行环境，所有的全局变量和函数都是它的属性和方法。而dom树也会映射在它的document对象上，dom操作也都是通过这个对象操作
加载文件
预编译（执行Script代码前）
- 全局预编译：全局函数提前声明、全局变量提前声明，全都挂载到window上
- 局部预编译：类似全局预编译
解释执行