从输入网址看到网页发生了什么
2023-09-19 18:43:29 0 举报AI智能生成
登录查看完整内容
前端面试问题
作者其他创作
大纲/内容
根据一些特有的算法和规则判断输入内容是否为一个网址
如果不是网址，则打开默认的搜索引擎对输入内容进行搜索
如果是网址，会先执行beforeunload事件，卸载当前页面，再执行后续操作
判断是否网址
比如chrome缓存1000条dns解析结果， 可在ttl中查看缓存大小，时间等
浏览器缓存
本地硬盘的hosts文件
系统缓存
MAC网络设置中查看
本地DNS服务器缓存
路由器缓存
服务提供商缓存（比如阿里云）
根据本地dns服务器的设置，如果设置了转发模式，则转发到对应的上级服务器，再依次循环查找，直到查找到或者转发到根域名服务器
DNS解析
获取到ip后，发送请求到对应ip，（对方可能会有nginx负载均衡等）发至对应的服务器
客户端发送SYN到服务端 （客：我给你发了个信息，你收到没）
服务端收到SYN，并生成ACK，发送给客户端 （服：收到，我给你回了个信息，你收到没）
客户端接收到服务端的SYN和ACK，标志连接成功 （客：收到啦，成功）
三次握手
HTTP连接
客户端发送报文给服务端，报文中包含当前支持的ssl/tls版本
服务端找到合适的加密协议，返回证书以及公钥
客户端使用根证书验证证书合法性。如验证成功，生成对称密钥，通过非对称密钥加密对称密钥，发送给服务端
服务端收到后，使用非对称私钥解密，获取对称密钥，并用对称密钥加密相关报文，再返回给客户端
客户端解密数据，建立SSL连接
tls/ssl加密（新版本都是用tls）
HTTPS连接
建立网络连接
并根据MIME构建其他请求进行渲染
成功返回，开始读取Content-type字段，判断文件MIME类型
返回200
读取http的location字段，执行重定向，并执行beforeunload之后的过程
301和302的区别： 301是旧的资源被永久删除了，302是旧的资源依然存在，只是临时重定向
返回301或者302
资源不存在
返回404
没有权限
返回403
未授权： (Unauthorized)
返回401
服务端错误
返回5**
读取服务器返回的数据和状态码
客户端发送FIN=1到服务端
服务端接收之后，发送ACK到客户端，进入等待关闭状态（此时依旧可以发送数据）
服务端发送FIN=1到客户端，表示已经发送完成
客户端收到内容，断开连接
四次挥手
客户端断开连接，发送close_notify
断开网络连接
发送请求
第一步构建dom树
第二步是处理CSS并构建CSSOM树
第三步是将DOM和CSSOM组合成一个Render树，计算样式树或渲染树从DOM树的根开始构建，遍历每个可见节点
第四步是在渲染树上运行布局以计算每个节点的几何体
最后一步是将各个节点绘制到屏幕上，第一次出现的节点称为first meaningful paint
页面渲染（一般接收到的内容都是一个html文件）
从输入网址看到网页发生了什么
收藏
收藏
0 条评论
回复 删除
下一页
