❤️一个页面从输入url到呈现过程

本文详细阐述了网页加载的过程,包括DNS域名解析、TCP三次握手确保安全连接、HTTP建立连接以及渲染引擎如何逐步呈现HTML和CSS。重点讨论了TCP的可靠性和HTTP在页面加载中的作用,最后解释了DOM树、样式树与渲染树的生成,直至页面完全显示。
摘要由CSDN通过智能技术生成

  • 1.DNS域名解析: 将url中的域名解析成ip地址

  • 2.TCP三次握手: 建立安全的网络传输协议

    • 2.1 什么是TCP : 一种 传输控制协议

    • 2.2 TCP作用 : 保证HTTP网络传输是 安全 + 可靠的 (检测客户端 与 服务器的网卡是不是通的)

    • 2.3 TCP三次握手 :

      ​ 第一次: 浏览器 -> 服务器 (你能听到我说话吗?,检测浏览器:发送)

      ​ 第二次: 服务器 -> 浏览器 (我听到了,你能听到我说话吗。 检测浏服务器: 接收 + 发送)

      ​ 第三次: 浏览器 -> 服务器 (嗯,我听到了. 检测浏览器: 接收)

  • 3.HTTP建立连接

    • 3.1 客户端发送请求

    • 3.2 服务器处理请求

    • 3.3 服务器响应请求

  • 4.渲染引擎开始渲染响应返回的HTML文本

    • 4.1 解析html生成:dom树

    • 4.2 解析css生成:样式树

    • 4.3 dom树 与 样式树 合并得到 渲染树

    • 4.4 呈现页面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值