前端面试的话术集锦第 19 篇博文——高频考点（HTTP/2 及 HTTP/3）

已于 2023-10-07 09:40:46 修改
阅读量445 收藏 3
点赞数 3
分类专栏： 面试专栏-前端、后端面试 文章标签： 前端 面试 http 跳槽 职场和发展 职场发展 求职招聘
于 2023-09-20 09:26:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvoelife/article/details/132802723
版权
本文详细介绍了HTTP/2和HTTP/3协议的关键特性，如二进制传输、多路复用、Header压缩和服务端Push。通过对比HTTP/1.1，阐述了它们如何解决性能问题，以及QUIC协议在HTTP/3中的作用。此外，还探讨了多路复用在移动端的优势和0-RTT、纠错机制等特性。
摘要由CSDN通过智能技术生成

这是记录前端面试的话术集锦第十九篇博文——高频考点（HTTP/2 及 HTTP/3），我会不断更新该博文。❗❗❗

HTTP/2很好的解决了当下最常用的HTTP/1所存在的一些性能问题，只需要升级到该协议就可以减少很多之前需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。

虽然HTTP/2已经解决了很多问题，但是并不代表它已经是完美的了，HTTP/3就是为了解决HTTP/2所存在的一些问题而被推出来的。

1. HTTP/2


HTTP/2相比于HTTP/1，可以说是大幅度提高了网页的性能。

在HTTP/1中，为了性能考虑，我们会引入雪碧图、将小图内联、使用多个域名等等的方式。

这一切都是因为浏览器限制了同一个域名下的请求数量（Chrome下一般是限制六个连接），当页面中需要请求很多资源的时候，队头阻塞（Head of line blocking）会导致在达到最大请求数量时，剩余的资源需要等待其他资源请求完成后才能发起请求。

在HTTP/2</

了解本专栏 订阅专栏 解锁全文
前端面试的话术集锦第 18 篇博文——高频考点（HTTP协议 & TLS协议）
念兮为美
09-18 567
HTTP请求中的内容：由请求行、首部、实体三部分组成。常考面试题：Post和Get的区别？首部分为请求首部和响应首部，且部分首部两种通用：通用首部、请求首部、响应首部、实体首部。常见状态码：2XX成功、3XX重定向、4XX客户端错误、5XX服务器错误。TLS协议位于传输层之上、应用层之下。首次进行TLS协议传输需要两个RTT。在TLS中使用了两种加密技术，分别为：对称加密、非对称加密。HTTP经常考到的内容包括：请求方法、首部的作用以及状态码的含义。TLS中经常考到的内容包括：两种加密方式以及握手的流程。
前端面试的话术集锦第 21 篇博文——高频考点（设计模式）
念兮为美
09-25 507
工厂模式分为简单工厂、抽象工厂、工厂方法模式；单例模式很常用，比如全局缓存、全局状态管理等等这些只需要一个对象，就可以使用单例模式；适配器用来解决两个接口不兼容的情况，不需要改变已有的接口，通过包装一层的方式实现两个接口的正常协作；装饰模式不需要改变已有的接口，作用是给对象添加功能；代理模式是为了控制对对象的访问，不让外部直接访问到对象；发布-订阅模式也叫做观察者模式，通过一对一或者一对多的依赖关系，当对象发生改变时，订阅方都会收到通知。外观模式提供了一个接口，隐藏了内部的逻辑，更加方便外部调用。
别告诉我你还没把http1,http2,http3搞明白，看完这篇文章，面试官说：就是你了
为了WLB努力
03-06 1858
一文搞懂http1,http2,http3，面试强心剂
前端面试的话术集锦第 17 篇博文——高频考点（TCP知识点）
念兮为美
09-15 399
UDP与TCP的区别是什么？TCP的头部、状态机；性能指标RTT；为什么TCP建立连接需要三次握手，明明两次就可以建立起连接；断开链接四次握手；为什么A要进入TIME-WAIT状态，等待2MSL时间后才进入CLOSED状态？ARQ协议：停止等待、正常传输过程、报文丢失或出错、超时或丢失；连续ARQ：累计确认；滑动窗口、Zero窗口；拥塞处理：慢开始算法、拥塞避免算法、快速重传(TCP Taho实现、TCP Reno实现如下、TCP New Ren改进后的快恢复）；TCP两端都维护发送端窗口和接收端窗口
前端面试的话术集锦第 22 篇博文——高频考点（常见数据结构）
念兮为美
09-27 398
使用最差的时间复杂度来衡量一个算法的好坏。栈只能在某端添加或删除数据，遵循先进后出的原则。队列是在某端添加数据，在另一端删除数据，遵循先进先出的原则，分单链队列和循环队列两种。链表、队列和栈为线性结构，但链表也是递归结构，分单向链表和双向链表。树有多种结构，二叉树是其最常用的结构，也是递归结构。二分搜索树非严格的O(logN)，在极端情况下会退化成链表。trie称前缀树或字典树，一种有序树，用于保存关联数组，其中键通常是字符串。并查集处理不交集的合并及查询问题。堆可以被看做一棵树的数组对象，为二叉树的一种。
前端面试的话术集锦第 20 篇博文——高频考点（输入 URL 到页面渲染的整个流程）
念兮为美
09-22 417
DNS的作用是通过域名查询到具体的IP。TCP协议会指明两端的端口号，再下发给网络层。TCP握手结束后会进行TLS握手，开始正式的传输数据。首先浏览器会判断状态码是什么，再做出响应的操作。浏览器开始解析文件，如果是gzip格式会先解压，再通过文件的编码格式去解码文件。文件解码成功后会正式开始渲染流程。若无DOM和CSSOM树等，就会阻塞住渲染流程直到JS执行完毕。CSSOM树和DOM树构建完成后会开始生成Render树。在生成Render树的过程中，浏览器就开始调用GPU绘制，合成图层，将内容显示在屏幕上。
前端面试的话术集锦第 23 篇博文——高频考点（常考算法题解析）
念兮为美
10-07 602
位运算速度比四则运算快，包括左移、按位与、按位或、按位异或。两个数不使用四则运算得出和。大部分公司的面试，排序已足以应付，故更好的符合大众需求，排序最多。排序包括冒泡排序、插入排序、选择排序、归并排序、快排、堆排序、系统自带排序。[2,0,2,1,1,0]排序成[0,0,1,1,2,2]和找出数组中第K大的元素。链表只反转单向链表。二叉树的先序，中序，后序遍历、递归实现和非递归实现；中序遍历的前驱后继节点：前驱节点、后继节点；树的深度。动态规划、斐波那契数列、0-1背包问题、最长递增子序列
前端面试话术集锦第 16 篇：高频考点（前端监控 & UDP知识点）
念兮为美
09-14 426
前端监控一般分三种：页面埋点(PV/UV、停留时长、流量来源、用户交互，实现思路分为手写埋点和无埋点的方式)、性能监控(只需调用performance.getEntriesByType('navigation')这行代码就行)、异常监控(使用window.onerror拦截报错或异步代码使用catch的方式捕获错误)。网络协议是每个前端工程师都须要掌握的知识，我们先学习传输层中的两个协议：UDP以及TCP。UDP与TC的区别是什么：面向无连接、不可靠性、高效、传输方式；UDP适合使用的场景：直播、王者荣耀等
前端面试话术集锦第 14 篇：高频考点（React常考基础知识点）
念兮为美
09-12 634
Reconciliation阶段可以被打断，故Reconciliation阶段执行的生命周期函数可能会出现调用多次的情况，从而引起Bug。故对于Reconciliation阶段调用的几个函数，除了shouldComponentUpdate，其他都应该避免使用，且V16中引入了新的API来解决这个问题。setState在React中是常用的API，但它存在一些的问题经常会导致初学者出错，核心原因是这个API是异步的。父子组件通信；兄弟组件通信；跨多层级组件通信；任意组件：通过Redux或Event Bus解决
Android WebView 中网页被劫持的原因及解决方案
陆业聪
01-25 616
在 Android WebView 中，网页被劫持的情况可能由多种因素引起，包括 JavaScript 重定向、恶意网页、设置不当等。通过采取适当的安全措施，开发者可以有效降低这些风险，保护用户的浏览体验和数据安全。确保在开发过程中关注这些潜在的安全隐患，将有助于提升应用的整体安全性和用户信任度。
TypeScript进阶（三）：断言
最新发布
IT全栈 华强工作室
01-26 498
在TypeScript中，断言是把两种具有重叠关系的数据类型进行相互转换的一种 TS 语法，其可以把其中的一种数据类型转换成另外一种数据类型。类型断言和类型转换产生的效果一样，但语法格式不同。type定义的数据类型是引用数据类型，例如Array对象，不能是基本数据类型，例如stringnumberboolean，并且有 A 类实现了 B type 定义的数据类型【implements。
前端三件套详解之 HTML
2301_80330510的博客
01-24 910
超文本标记语言（英语：，简称：HTML）是一种用于创建网页的标准标记语言HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，用浏览器即可对HTML文件进行读取和显示。HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言:HyperTextMarkupLanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签。
制作动态菜单
m0_59860403的博客
01-23 245
什么叫做动态菜单？动态菜单就是根据用户属于不同的角色，每个角色还有不同的菜单，左侧菜单栏会有不同的显示。
HTML基础知识
2401_88481074的博客
01-22 620
希望用户提交一些特定的信息，但考虑到安全问题，或者是用户操作问题，不希望该数据发生改变。二者的区别readonly（只读）是会被提交的；表单项还要定义value属性，该属性用于明确提交时的实参（默认就是用户在窗口上输入的东西）多个单选框使用相同的name属性值，则就会有互斥效果。对于html代码来说，某些字符是有特殊含义的，如果想显示这些特殊符号，需要进行转义。（有下面两个属性）---------form只是设置了如何提交往哪提交。定义数据的提交地址（三种写法①完整的url②相对路径④绝对路径）
uniapp APP端页面触发调用webview（页面为uniapp开发的H5）里的方法
m0_49083276的博客
01-22 457
使用 getCurrentInstance() 获取当前组件的 Vue 实例，通过 instance.proxy.$scope.$getAppWebview() 获取 Uniapp 的原生 WebView 对象。使用 WebView 提供的 evalJS 方法，执行嵌入 H5 页面内的 JavaScript 代码。代码大意：调完接口后将接口返回参数注入webview。
第11篇：vue3 中 props 的使用
小画家
01-22 296
注意多个的话 中间是没有 , // <Person a = "哈哈中" :list = persons />import {defineProps} from 'vue' // 定义一个属性。{id:'e98219e13',name:'李四',age:19},{id:'e98219e14',name:'王五',age:20}{id:'e98219e12',name:'张三',age:18},']) // 注意如果多个的话 //// 遍历循环 v-for。
技术之翼，创作之心
繁依Fanyi的博客
01-24 811
例如，我写过一篇《如何设计一个高效的 RESTful API》，文章不仅阐述了 RESTful 风格的基本概念，还结合实际开发中的经验，深入分析了如何设计 API 的路径、参数以及返回格式，使得接口更加灵活、高效且易于扩展。课堂上，老师讲解的算法和数据结构让我感到既陌生又深奥，而在面对那一行行晦涩的代码时，我的心中充满了不安：这些看似简短的字符，究竟隐藏着什么样的魔力，能将一个个无生命的机器变得灵动起来？起初，我对编程的兴趣仅限于解决实际问题与制作项目，后来，随着能力的提升，我逐渐开始思考自己的职业方向。
Tauri2+Leptos开发桌面应用--绘制图形、制作GIF动画和mp4视频
weixin_44274609的博客
01-23 869
在之前工作（）的基础上继续尝试绘制图形、制作GIF动画和mp4视频绘制图形主要尝试了两种方式，一种是调用python使用matplotlib模块绘制图形，一种是使用纯Rust开发的图形库Plotters来绘制图形，包括png、svg格式的图片，gif格式的动画。制作mp4视频主要是使用Plotters结合video_rs来完成的。上述功能都是写成Tauri后台命令，通过前端Leptos调用显示实现的。
声明式和函数式 JavaScript 原则
分享学习网络的点点滴滴
01-23 377
这是两种不同的编写代码的方式，我们也称之为范式；
前端面试题集锦：HTML/CSS/JS难点与技巧
前端面试题整理是一个实用的资源，涵盖了前端开发面试过程中常见的知识点。这个文档汇集了HTML、CSS、JavaScript等基础知识的面试问题，旨在帮助求职者准备面试并理解面试官可能关注的技能点。 1. **Canvas与SVG...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

互联网全栈开发实战

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

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

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

打赏作者

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

抵扣说明：

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

余额充值