前端面试的话术集锦第 17 篇博文——高频考点（TCP知识点）

已于 2023-10-07 09:40:10 修改
阅读量413 收藏 2
点赞数 2
分类专栏： 面试专栏-前端、后端面试 文章标签： 前端 面试 职场和发展 tcp 职场发展 求职招聘 跳槽
于 2023-09-15 09:26:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lvoelife/article/details/132740945
版权
本文详细介绍了TCP协议的相关知识，包括UDP与TCP的区别、TCP头部重要字段、三次握手和四次挥手的过程，以及ARQ协议、滑动窗口、拥塞处理等核心概念。适合前端面试者复习TCP基础知识。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是记录前端面试的话术集锦第十七篇博文——高频考点（TCP知识点），我会不断更新该博文。❗❗❗

首先还是先来解答这个常考面试题关于TCP部分的内容，然后再详细去学习这个协议。

1. UDP 与 TCP 的区别是什么？


TCP基本是和UDP反着来，建立连接断开连接都需要先需要进行握手。在传输数据的过程中，通过各种算法保证数据的可靠性，当然带来的问题就是相比UDP来说不那么的高效。

2. 头部


从这个图上我们就可以发现TCP头部比UDP头部复杂的多。

在这里插入图片描述

对于TCP头部来说，以下几个字段是很重要的

  1. Sequence number，这个序号保证了TCP传输的报文都是有序的，对端可以通过序号顺序的拼接报文

  2. Acknowledgement Number

了解本专栏 订阅专栏 解锁全文
前端面试的话术集锦第 21 篇博文——高频考点（设计模式）
念兮为美
09-25 525
工厂模式分为简单工厂、抽象工厂、工厂方法模式；单例模式很常用，比如全局缓存、全局状态管理等等这些只需要一个对象，就可以使用单例模式；适配器用来解决两个接口不兼容的情况，不需要改变已有的接口，通过包装一层的方式实现两个接口的正常协作；装饰模式不需要改变已有的接口，作用是给对象添加功能；代理模式是为了控制对对象的访问，不让外部直接访问到对象；发布-订阅模式也叫做观察者模式，通过一对一或者一对多的依赖关系，当对象发生改变时，订阅方都会收到通知。外观模式提供了一个接口，隐藏了内部的逻辑，更加方便外部调用。
前端面试的话术集锦第 18 篇博文——高频考点（HTTP协议 & TLS协议）
念兮为美
09-18 584
HTTP请求中的内容：由请求行、首部、实体三部分组成。常考面试题：Post和Get的区别？首部分为请求首部和响应首部，且部分首部两种通用：通用首部、请求首部、响应首部、实体首部。常见状态码：2XX成功、3XX重定向、4XX客户端错误、5XX服务器错误。TLS协议位于传输层之上、应用层之下。首次进行TLS协议传输需要两个RTT。在TLS中使用了两种加密技术，分别为：对称加密、非对称加密。HTTP经常考到的内容包括：请求方法、首部的作用以及状态码的含义。TLS中经常考到的内容包括：两种加密方式以及握手的流程。
前端面试的话术集锦第 22 篇博文——高频考点（常见数据结构）
念兮为美
09-27 418
使用最差的时间复杂度来衡量一个算法的好坏。栈只能在某端添加或删除数据，遵循先进后出的原则。队列是在某端添加数据，在另一端删除数据，遵循先进先出的原则，分单链队列和循环队列两种。链表、队列和栈为线性结构，但链表也是递归结构，分单向链表和双向链表。树有多种结构，二叉树是其最常用的结构，也是递归结构。二分搜索树非严格的O(logN)，在极端情况下会退化成链表。trie称前缀树或字典树，一种有序树，用于保存关联数组，其中键通常是字符串。并查集处理不交集的合并及查询问题。堆可以被看做一棵树的数组对象，为二叉树的一种。
前端面试的话术集锦第 19 篇博文——高频考点（HTTP/2 及 HTTP/3）
念兮为美
09-20 456
考虑HTTP/1的性能，我们引入雪碧图、将小图内联、使用多个域名等方式。HTTP/2中引入新的编码机制，所有传输的数据都会被分割，并采用二进制格式编码。它很好的解决HTTP/1存在的这些性能问题，只需要升级到该协议就可以减少很多需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。HTTP/3就是为了解决HTTP/2所存在的一些问题而被推出来的。二进制传输、多路复用、Header压缩、服务端Push：QUIC、多路复用、0-RTT、纠错机制。帧代表着最小的数据单位，每个帧会标识
前端面试的话术集锦第 20 篇博文——高频考点（输入 URL 到页面渲染的整个流程）
念兮为美
09-22 434
DNS的作用是通过域名查询到具体的IP。TCP协议会指明两端的端口号，再下发给网络层。TCP握手结束后会进行TLS握手，开始正式的传输数据。首先浏览器会判断状态码是什么，再做出响应的操作。浏览器开始解析文件，如果是gzip格式会先解压，再通过文件的编码格式去解码文件。文件解码成功后会正式开始渲染流程。若无DOM和CSSOM树等，就会阻塞住渲染流程直到JS执行完毕。CSSOM树和DOM树构建完成后会开始生成Render树。在生成Render树的过程中，浏览器就开始调用GPU绘制，合成图层，将内容显示在屏幕上。
前端面试的话术集锦第 23 篇博文——高频考点（常考算法题解析）
念兮为美
10-07 611
位运算速度比四则运算快，包括左移、按位与、按位或、按位异或。两个数不使用四则运算得出和。大部分公司的面试，排序已足以应付，故更好的符合大众需求，排序最多。排序包括冒泡排序、插入排序、选择排序、归并排序、快排、堆排序、系统自带排序。[2,0,2,1,1,0]排序成[0,0,1,1,2,2]和找出数组中第K大的元素。链表只反转单向链表。二叉树的先序，中序，后序遍历、递归实现和非递归实现；中序遍历的前驱后继节点：前驱节点、后继节点；树的深度。动态规划、斐波那契数列、0-1背包问题、最长递增子序列
前端面试话术集锦第 16 篇：高频考点（前端监控 & UDP知识点）
念兮为美
09-14 470
前端监控一般分三种：页面埋点(PV/UV、停留时长、流量来源、用户交互，实现思路分为手写埋点和无埋点的方式)、性能监控(只需调用performance.getEntriesByType('navigation')这行代码就行)、异常监控(使用window.onerror拦截报错或异步代码使用catch的方式捕获错误)。网络协议是每个前端工程师都须要掌握的知识，我们先学习传输层中的两个协议：UDP以及TCP。UDP与TC的区别是什么：面向无连接、不可靠性、高效、传输方式；UDP适合使用的场景：直播、王者荣耀等
前端面试话术集锦第 12 篇：高频考点（Vue常考基础知识点）
念兮为美
09-11 465
生命周期钩子函数；组件通信：父子通信、兄弟组件通信、跨多层次组件通信、任意组件；extend 能做什么；mixin和mixins区别；computed和watch区别；keep-alive组件有什么作用；v-show与v-if区别；组件中data什么时候可以使用对象；父组件通过props传递数据给子组件，子组件通过emit发送事件传递数据给父组件，这两种方式是最常用的父子通信实现办法。在beforeCreate钩子函数调用的时候，是获取不到props或者data中的数据的。
前端面试话术集锦第 14 篇：高频考点（React常考基础知识点）
念兮为美
09-12 655
Reconciliation阶段可以被打断，故Reconciliation阶段执行的生命周期函数可能会出现调用多次的情况，从而引起Bug。故对于Reconciliation阶段调用的几个函数，除了shouldComponentUpdate，其他都应该避免使用，且V16中引入了新的API来解决这个问题。setState在React中是常用的API，但它存在一些的问题经常会导致初学者出错，核心原因是这个API是异步的。父子组件通信；兄弟组件通信；跨多层级组件通信；任意组件：通过Redux或Event Bus解决
微前端的不断探索之路—— qiankun 实战与思考！
喵手的博客
04-10 482
前端世界的技术更新频率就像是一场没有终点的马拉松，快到你刚熟悉一个框架，下一个趋势就已经掀起了新的浪潮。而近年来，微前端作为“架构界的顶流”，用它的灵活性和模块化特性给我们带来了全新的开发思路。今天，咱们就来聊聊微前端框架中的**“网红”选手**——qiankun。从它的基础概念到实战案例，再到我们在实际开发中的一些思考，希望带你更深地感受这个框架的魅力。qiankun是基于single-spa简单易用：开箱即用，几乎没有学习成本；完整性：解决了主流微前端框架的坑点，比如样式隔离、JS 沙箱等；
2.4、Vue2计算属性
GQL___的博客
04-11 645
使用Vue的原有属性，经过一系列的运算/计算，最终得到了一个全新的属性，叫做计算属性。Vue的原有属性: data对象当中的属性可以叫做Vue的原有属性。全新的属性: 表示生成了一个新的属性，和data中的属性无关了，新的属性也有自己的属性名和属性值。(1) 以上比较大小的案例可以用computed完成，并且比watch还要简单。所以要遵守一个原则：computed和watch都能够完成的，优先选择computed。(2) 如果要开启异步任务，只能选择watch。因为computed依靠return。
前端学习10—Ajax
最新发布
weixin_49157844的博客
04-11 566
XML（可扩展标记语言），被设计用来传输和存储数据，XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签，全都是自定义标签，用来表示一些数据比如有个学生数据：name = "孙悟空";age = 18;gender = "男";
vue3的router.ts中，在children和不在的区别
qq_62893228的博客
04-09 337
【代码】vue3的router.ts中，在children和不在的区别。
JS 函数提升
vain_soloist的博客
04-09 243
在执行前会把当前作用域下的函数声明提升到最前面 ，不提升函数调用。特殊的，使用函数表达式声明的函数没有函数提升。函数在声明前就可被使用。
vue实现目录锚点且滚动到指定区域时锚点自动回显——双向锚点
yehaocheng520的博客
04-09 285
vue实现目录锚点且滚动到指定区域时锚点自动回显——双向锚点
Payload CMS 内容管理系统
qq_25547755的博客
04-10 614
Payload CMS 内容管理系统
⭐算法OJ⭐滑动窗口最大值【双端队列(deque)】Sliding Window Maximum
大葱的田地🌱
04-07 342
双端队列(deque，全称double-ended queue)是C++标准模板库(STL)中的一个容器适配器，它允许在队列的两端高效地进行插入和删除操作。滑动窗口最大值是一个经典的算法问题，我们需要找到数组中每个大小为k的滑动窗口中的最大值。我们可以使用双端队列(deque)来高效解决这个问题。主要思路是维护一个双端队列，队列中存储的是数组元素的索引，且队列中的元素按照从大到小的顺序排列。这样可以保证队列前端始终是当前窗口的最大值。
OpenBMC：BmcWeb 处理http请求7 完成http请求
风静如云的博客
04-09 200
上面说的特点其实是其析构函数，当最后一个被捕获的shared_ptr析构时(也就是完成了所有的响应数据的设置后)，shared_ptr会调用AsyncResp的析构函数，也就是调用了res.end();其实 AsyncResp类很简单，里面有一个crow::Response类型，用于保存响应数据。说过，由于AsyncResp设计的特点，需要捕获asyncResp的值[asyncResp]可以看到asyncResp是一个shared_ptr。1.AsyncResp类。构造了asyncResp。
传统项目纯前端实现导出excel之xlsx.bundle.js
qq_43016560的博客
04-10 306
自从vue问世后，使得前端开发更加简洁从容，极大的丰富组件样式和页面渲染效果，使得前端功能的可扩展性得到极大地加强。虽然vue的使用对于前后端分离的项目对于功能实现与扩展有了质的飞跃，但仍旧有些传统的项目步履维艰，功能延伸性开发束手束脚，效率相对低下，就比如在某些mvc+jsp页面要实现excel的导出功能，有时候会后端框架封装的约束，这个时候直接在前端实现excel导出，就变的极为方便。本文介绍一款js插件——xlsx.bundle.js
Html前端面试题集锦：掌握关键知识点
资源摘要信息:"前端面试题之Html相关题集.zip" 1. 标题解释： 本资源标题为"前端面试题之Html相关题集.zip"，从...掌握这些知识点，求职者就能对HTML相关的前端面试题目有一个全面的应对策略，提升通过面试的可能性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

互联网全栈开发实战

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值