[三分钟笔记] 输入网址到展示网页的过程

例如访问必应网页  https://cn.bing.com/

一:DNS解析成IP地址

将cn.bing.com 转成了ip为202.89.233.101

二:发送http请求

可以在network里看到请求的数据

三:tcp连接(三次握手)

Tips: 浏览器对同一域名下的并发的tcp连接是有限的,2到10个,为了解决资源加载的问题,

> webpack资源打包(把js、css、图片、字体都打包进一个js里)

> 域名拆分,资源分散

> 缓存到客户端中

四:接受响应

五:渲染页面

渲染成html构成dom树,

解析css构成render树,

处理js代码(绑定事件、修改dom树、修改render树)

将dom树和render树合并成渲染树

根据渲染树来计算布局(布局)

将各个节点的颜色绘制到屏幕上(渲染)

六:断开链接(四次挥手)

 

别人的优秀博客:从输入网址到展示页面 https://www.cnblogs.com/iovec/p/7904416.html 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值