浏览器从输入URL到页面展示流程及涉及知识点

DNS:

域名解析,域名转换为IP地址

TCP:

传输控制协议,类似协议如UPD;
TCP:可靠传输协议,速度快,可靠策略包括分片,错误重传,窗口校验等;
UPD:不可靠传输协议,速度快,数据发送后不管结果;

HTTP/SSL:

http协议基于TCP协议;
SSL安全协议,用于https协议;
浏览器缓存策略:
	强缓存:1)last-Modified/if-modify-since;2)e-tag/if-no-match;
	协商缓存:向服务端发送请求,根据状态码判断,304表示使用缓存;

响应解析:

服务端响应前端请求;返回结果(html);
前端常用处理方案:
* SPA(单页面应用):首屏加载速度慢;
* 同构(服务端渲染),提升首屏加载速度+SEO(搜索引擎优化),NUXT   for VUE
、NEXT for React;
	1.需要node环境,先在node层执行渲染,将页面返回浏览器;
	2.执行单页面逻辑;

浏览器渲染:

解析浏览器响应数据;
解析html,DOMTree;
解析css,CSSTree;
合并domtree和csstree生成RenderTree;
浏览器调用操作系统渲染(GPU)计算布局和渲染;
重绘/重排;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端嘟老板

何其有幸,得君支持,万分感谢

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值