从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等资源,最后进行页面渲染,呈现给用户

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值