从URL到页面经历了什么?

从URL到页面经历了什么?

参考链接
1.拿到url,肯定要先对url进行解析
分解URL常用API
在这里插入图片描述

location.href 整个URL
location.protocol 协议类型:http/https
location.pathname 路径
location.search 取参   查询串从?开始
location.hash 哈希值 书签名#后的内容

编码:或重写url
对于有些域名参数中还有url,这样就会在解析时候出现问题,识别成两个url

encodeURI对整个url进行编码,中文有效,但是对后边url无效。
decodeURI进行解码。
encodeURIComponent对参数进行编码,对后边url有效,对中文有效。
decodeURIComponent解码

2.缓存检查 协商缓存和强制缓存 这个后面会单独写一篇
3.数据缓存

loaclSotrage,vuex,redux。
4.DNS域名解析
5.发起TCP连接(三次握手)
基本过程就是 :
客户端–我可以和你连接吗?发送请求
服务端–收到请求,回复可以 让客户端知道服务端已经收到请求了
客户端–那我们连接吧 然后就连接
6.发送HTTP请求,接受HTTP响应
现在的methods:‘GET’ ‘POST’ ‘DELETE’ ‘PATCH/PUT’
7.断开连接(四次挥手)
8.浏览器解析HTML代码,请求js,css等资源,最后进行页面渲染,呈现给用户

猜你喜欢

转载自blog.csdn.net/Qingshan_z/article/details/120359410