2022最新版前端面试题手册(170页带答案).docx总结：前端基础及HTTP/HTML/浏览器；2021-2022最新版前端工程师面试题手册目录1，包含了TCP三次握手、HTTP和HTTPS的区别、WebSocket的实现和应用、HTTP请求方式等内容。

需积分: 0 36 浏览量更新于2023-11-24 收藏 5.15MB DOCX 举报

2022最新版前端面试题手册(170页带答案).docx 是一本包含了前端基础知识的面试题手册，旨在帮助前端工程师备战面试。该手册共分为前端基础、HTTP/HTML/浏览器等部分，包含了丰富的面试题目，并提供了相应的答案。其中涵盖了诸如HTTP、HTTPS、TCP、UDP、WebSocket等网络通信协议的概念和应用，以及相关技术的细节和特点。该手册还详细介绍了前端基础知识，涉及到了网页开发中常用的HTML、CSS、JavaScript等内容。整本手册共有170页，内容丰富详细。对于准备前端工程师的面试者来说，这本手册是一本非常有参考价值的资料，可以帮助他们系统地复习和整理前端知识，为面试做好充分准备。

前端提交数据的字段名称和字段类型与后台的实体没有保持一致

前端提交到后台的数据应该是json字符串类型，但是前端没有将对象JSON.stringify转

化成字符串。

解决方法：

对照字段的名称，保持一致性

将obj对象通过JSON.stringify实现序列化

(2)401状态码：当前请求需要用户验证

(3)403状态码：服务器已经得到请求，但是拒绝执行

 fetch发送2次请求的原因

参考回答：

fetch发送post请求的时候，总是发送2次，第一次状态码是204，第二次才成功？

原因很简单，因为你用fetch的post请求的时候，导致fetch 第一次发送了一个Options

请求，询问服务器是否支持修改的请求头，如果服务器支持，则在第二次中发送真正的

请求。

 Cookie、sessionStorage、localStorage的区别

参考回答：

共同点：都是保存在浏览器端，并且是同源的

Cookie：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器

和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅

在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下,

存储的大小很小只有4K左右。（key：可以在浏览器和服务器端来回传递，存储容量

小，只有大约4K左右）

sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持，localStorage：

始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie

过期时间之前一直有效，即使窗口或浏览器关闭。（key：本身就是一个回话过程，关

闭浏览器后消失，session为一个回话，当页面不同即使是同一页面打开两次，也被视为

同一次回话）

localStorage：localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中

都是共享的。（key：同源窗口都会共享，并且不会失效，不管窗口或者浏览器关闭与

否都会始终生效）

补充说明一下cookie的作用：

保存用户登录状态。例如将用户id存储于一个cookie内，这样当用户下次访问该页面

时就不需要重新登录了，现在很多论坛和社区都提供这样的功能。 cookie还可以设置

过期时间，当超过时间期限后，cookie就会自动消失。因此，系统往往可以提示用户保

持登录状态的时间：常见选项有一个月、三个月、一年等。

跟踪用户行为。例如一个天气预报网站，能够根据用户选择的地区显示当地的天气情况。

如果每次都需要选择所在地是烦琐的，当利用了cookie后就会显得很人性化了，系统能

够记住上一次访问的地区，当下次再打开该页面时，它就会自动显示上次用户所在地区

的天气情况。因为一切都是在后台完成，所以这样的页面就像为某个用户所定制的一

其中，event指定事件名；function指定要事件触发时执行的函数；useCapture指定事件

是否在捕获或冒泡阶段执行。

 cookiesessionStoragelocalStorage区别

参考回答：

cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间

来回传递

cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下

存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，

所以cookie只适合保存很小的数据，如回话标识。

webStorage虽然也有存储大小的限制，但是比cookie大得多，可以达到5M或更大

数据的有效期不同sessionStorage：仅在当前的浏览器窗口关闭有效；localStorage：始终

有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie：只在设置的cookie

过期时间之前一直有效，即使窗口和浏览器关闭

作用域不同sessionStorage：不在不同的浏览器窗口中共享，即使是同一个页面；

localStorage：在所有同源窗口都是共享的；cookie：也是在所有同源窗口中共享的

 cookiesession区别

参考回答：

1. cookie数据存放在客户的浏览器上，session数据放在服务器上。

2. cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗

考虑到安全应当使用session。

3. session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能

考虑到减轻服务器性能方面，应当使用COOKIE。

4. 单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个

cookie。

 介绍知道的http返回的状态码

参考回答：

100 Continue 继续。客户端应继续其请求

101 SwitchingProtocols 切换协议。服务器根据客户端的请求切换协议。只能切换到更

高级的协议，例如，切换到HTTP的新版本协议

200 OK 请求成功。一般用于GET与POST请求

201 Created 已创建。成功请求并创建了新的资源

202 Accepted 已接受。已经接受请求，但未处理完成

203 Non-AuthoritativeInformation 非授权信息。请求成功。但返回的meta信息不在原

始的服务器，而是一个副本

204 NoContent 无内容。服务器成功处理，但未返回内容。在未更新网页的情况下，

可确保浏览器继续显示当前文档

205 ResetContent 重置内容。服务器处理成功，用户终端（例如：浏览器）应重置文

档视图。可通过此返回码清除浏览器的表单域

206 PartialContent 部分内容。服务器成功处理了部分GET请求

300 MultipleChoices 多种选择。请求的资源可包括多个位置，相应可返回一个资源特

征与地址的列表用于用户终端（例如：浏览器）选择

301 MovedPermanently 永久移动。请求的资源已被永久的移动到新URI，返回信息会

包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替

302 Found 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有

URI

303 SeeOther 查看其它地址。与301类似。使用GET和POST请求查看

304 NotModified 未修改。所请求的资源未修改，服务器返回此状态码时，不会返回

任何资源。客户端通常会缓存访问过的资源，通过提供一个头信息指出客户端希望只返

回在指定日期之后修改的资源

305 UseProxy 使用代理。所请求的资源必须通过代理访问

306 Unused 已经被废弃的HTTP状态码

307 TemporaryRedirect 临时重定向。与302类似。使用GET请求重定向

400 BadRequest 客户端请求的语法错误，服务器无法理解

401 Unauthorized 请求要求用户的身份认证

402 PaymentRequired 保留，将来使用

403 Forbidden 服务器理解请求客户端的请求，但是拒绝执行此请求

404 NotFound 服务器无法根据客户端的请求找到资源（网页）。通过此代码，网站

设计人员可设置"您所请求的资源无法找到"的个性页面

405 MethodNotAllowed 客户端请求中的方法被禁止

406 NotAcceptable 服务器无法根据客户端请求的内容特性完成请求

407 ProxyAuthenticationRequired 请求要求代理的身份认证，与401类似，但请求者

应当使用代理进行授权

408 RequestTime-out 服务器等待客户端发送的请求时间过长，超时

409 Conflict 服务器完成客户端的PUT请求是可能返回此代码，服务器处理请求时发

生了冲突

410 Gone 客户端请求的资源已经不存在。410不同于404，如果资源以前有现在被永

久删除了可使用410代码，网站设计人员可通过301代码指定资源的新位置

411 LengthRequired 服务器无法处理客户端发送的不带Content-Length的请求信息

412 PreconditionFailed 客户端请求信息的先决条件错误

413 RequestEntityTooLarge 由于请求的实体过大，服务器无法处理，因此拒绝请求。

为防止客户端的连续请求，服务器可能会关闭连接。如果只是服务器暂时无法处理，则

会包含一个Retry-After的响应信息

414 Request-URITooLarge 请求的URI过长（URI通常为网址），服务器无法处理

415 UnsupportedMediaType 服务器无法处理请求附带的媒体格式

416 Requestedrangenotsatisfiable 客户端请求的范围无效

417 ExpectationFailed 服务器无法满足Expect的请求头信息

500 InternalServerError 服务器内部错误，无法完成请求

501 NotImplemented 服务器不支持请求的功能，无法完成请求

502 BadGateway 作为网关或者代理工作的服务器尝试执行请求时，从远程服务器接

收到了一个无效的响应

剩余170页未读，继续阅读

xox_761617

粉丝: 29
资源: 7802

2022最新版前端面试题手册(170页带答案).docx总结：前端基础及HTTP/HTML/浏览器；2021-2022最新版前端...

最新资源

2022最新版前端面试题手册(170页带答案).docx总结：前端基础及HTTP/HTML/浏览器；2021-2022最新版前端...

Linux面试题及答案.docx

大数据面试题及答案.docx

React 35 道面试题及答案.docx

前端面试题含答案.docx

Dubbo面试题(2022最新版).docx

javawe11b面试题和逻辑题及答案.docx

前端中级面试题及答案.docx

SpringBoo面试题带答案.docx

前端面试题及答案2019.docx

java数据结构与算法面试题(2022最新版).docx

最新资源