2024年最新前端别错过的Web性能解读之TCP_web网页通过 tcp ip 获取称重(1)，2024年最新web前端开发工程师面试技巧-CSDN博客

本文链接：https://blog.csdn.net/2401_84434954/article/details/138901808

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…

算法

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

冒泡排序
选择排序
快速排序
二叉树查找: 最大值、最小值、固定值
二叉树遍历
二叉树的最大深度
给予链表中的任一节点，把它删除掉
链表倒叙
如何判断一个单链表有环
给定一个有序数组，找出两个数相加为一个目标数
…

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+评论666

传播延迟呢，就比如发货点和收货点之间的距离，这和距离还有用什么交通工具是有关系的（速度不同）
传输延迟呢，比如你网购了一个东西，买家要给你包装，贴上相应的快递的条码，这样快递公司才能认得出
处理时延就更简单了，快递公司的每个环节会检查一下，这个物件是不是违禁品啊，有没有东西坏了丢了？（字段缺失）
最后一个排队时延，逢年过节，大家都网购，快递运的慢啊。

CDN又是什么

CDN这个词在学习前端框架经常会遇到，比如以CDN方式引入vue。

CDN全名，content Delivery Network 内容分发网络，服务用途最重要的就是通过把内容部署在全球各地，让用户从最近的服务器加载内容，大幅降低传播分组的时间。这种方式其实就是缩短了两者之间的距离，减少了传播时延。
（知道玩绝地求生不开加速器会延迟很高的原因了吧）

测网速除了鲁大师一类的国产评测，https://www.speedtest.net/ 在文中也推荐了Ookla运营的speedtest

总体目标：高带宽，低延迟

TCP/IP

而作为web开发，或多或少应该都知道IP和TCP协议，当然还有经常拿来和TCP比较的UDP协议，当我们在应用层做的某些处理可能会影响到底层网络性能的时候，这些我们也就必须要了解一下了。

为什么没有IPv5

IP协议现在经常出现在我们周围，IPv6 IPv4 为什么没有1-3和5呢？

由于第四版本IPv4仅仅是代表继承前三个版本，前三个版本并没有独立发布，所以也就并没有IPv1-3，而第五号版本分配给了一个适应性协议ST，而ST一直并没有进展和声明，所以当版本迭代的时候就迭代到了v6.

TCP Fast Open

拥塞预防及控制

ok，举个栗子。一到大厂送游戏，白嫖的时候，有没有进不去，刷不出页面？

流量控制

在这里插入图片描述

通告接收窗口(rwnd)

最初的TCP规范分配给通告窗口大小的字段是16位的，这相当于设定了发送端和接收端窗口的最大值。
在带宽延迟积很大的网络中，比如xxx网络，100M，延迟500ms，在这个限制经常获得不了最优性能。

解决：
TCP Windows Scaling 选项
可将原本接收窗口大小由65535字节，提高到1G字节，缩放TCP窗口是在三次握手期间完成的，其中有一个值表示在将来的ACK中左移16位窗口字段的位数。
现在，此机制在主要平台都是默认启动的，中间节点和路由器可以重写和控制。
提高窗口字节数量。

慢启动和cwnd

根据交换数据来估算客户端与服务器之间的可用带宽是唯一方法。
服务器通过TCP连接初始化一个新的**拥塞窗口(cwnd),**将其设置为一个系统设定的保守值。
客户端和服务器之间最大可以传输的数据量取rwnd和cwnd变量中的最小值。
连接确立后，不可能直接了解带宽和其他网络因素，从开始到完全利用连接的最大带宽需要时间过程。

在这里插入图片描述
开始慢启动以指数增长到（数据包丢失或超出流量控制窗口rwnd）,成倍减少（AIMD倍减加增），之后拥塞预防算法介入。