2.2.4 请求体
请求体中存放的,是要通过 POST 方式
提交到服务器的数据;
😆温馨提醒😆:只有 POST 请求才有请求体,GET 请求没有请求体;
(3)HTTP响应消息
3.1 什么是HTTP响应消息
响应消息就是服务器响应给客户端的消息内容,也叫作响应报文。
3.2 HTTP响应消息的组成部分
HTTP响应消息由状态行、响应头部、空行 和 响应体 4个部分组成,如下图所示:
3.2.1 状态行
状态行由 HTTP 协议版本、状态码和状态码的描述文本 3 个部分组成,他们之间使用空格隔开;
3.2.2 响应头部
响应头部用来描述服务器的基本信息。响应头部由多行 键/值对 组成,每行的键和值之间用英文的冒号分隔;
关于更多响应头字段的描述,可以查看 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers
3.2.3 空行
1️⃣ 在最后一个响应头部字段结束之后,会紧跟一个空行,用来通知客户端响应头部至此结束;
2️⃣ 响应消息中的空行,用来分隔响应头部与响应体;
3.2.4 响应体
响应体中存放的,是服务器响应给客户端的资源内容。
(4)HTTP请求方法
4.1 什么是HTTP请求方法
HTTP 请求方法,属于 HTTP 协议中的一部分,请求方法的作用是:用来表明要对服务器上的资源执行的操作。最常用的请求方法是 GET
和 POST
。
4.2 HTTP的请求方法
| 序号 | 方法 | 描述 |
| — | — | — |
| 1 | GET
| (查询)
发送请求来获得服务器上的资源,请求体中不会包含请求数据,请求数据放在协议头中。 |
| 2 | POST
| (新增)
向服务器提交资源(例如提交表单或上传文件)。数据被包含在请求体中提交给服务器。 |
| 3 | PUT
| (修改)
向服务器提交资源,并使用提交的新资源,替换掉服务器对应的旧资源.。 |
| 4 | DELETE
| (删除)
请求服务器删除指定的资源。 |
| 5 | HEAD | HEAD 方法请求一个与 GET 请求的响应相同的响应,但没有响应体。 |
| 6 | OPTIONS | 获取http服务器支持的http请求方法,允许客户端查看服务器的性能,比如ajax跨域时的预检等。 |
| 7 | CONNECT | 建立一个到由目标资源标识的服务器的隧道。 |
| 8 | TRACE | 沿着到目标资源的路径执行一个消息环回测试,主要用于测试或诊断。 |
| 9 | PATCH | 是对 PUT 方法的补充,用来对已知资源进行局部更新。 |
(5)HTTP响应状态码
5.1 什么是HTTP响应状态码
1️⃣ HTTP 响应状态码(HTTP Status Code),也属于 HTTP 协议的一部分,用来标识响应的状态。
2️⃣ 响应状态码会随着响应消息一起被发送至客户端浏览器,浏览器根据服务器返回的响应状态码,就能知道这次 HTTP 请求的结果是成功还是失败了。
5.2 HTTP响应状态码的组成及分类
HTTP 状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字用来对状态码进行细分。
HTTP 状态码共分为 5 种类型:
| 分类 | 分类描述 |
| — | — |
| 1** | 信息
,服务器收到请求,需要请求者继续执行操作(实际开发中很少遇到 1** 类型的状态码); |
| 2** | 成功
,操作被成功接收并处理; |
| 3** | 重定向
,需要进一步的操作以完成请求; |
| 4** | 客户端错误
,请求包含语法错误或无法完成请求; |
| 5** | 服务器错误
,服务器在处理请求的过程中发生了错误; |
完整的 HTTP 响应状态码,可以参考 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status
5.3 常见的HTTP响应状态码
5.3.1 2** 成功相关的响应状态码
2** 范围的状态码,表示服务器已成功接收到请求并进行处理。常见的 2** 类型的状态码如下:
| 状态码 | 状态码英文名称 | 中文描述 |
| — | — | — |
| 200 | OK | 请求成功
。一般用于 GET 与 POST 请求; |
| 201 | Created | 已创建
。成功请求并创建了新的资源,通常用于 POST 或 PUT 请求 |
5.3.2 3** 重定向相关的响应状态码
3** 范围的状态码,表示表示服务器要求客户端重定向,需要客户端进一步的操作以完成资源的请求。常见的 3** 类型的状态码如下:
| 状态码 | 状态码英文名称 | 中文描述 |
| — | — | — |
| 301 | Moved Permanently | 永久移动
。请求的资源已被永久的移动到新URI,返回信息会包括新的URI,浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替。 |
| 302 | Found | 临时移动
。与301类似。但资源只是临时被移动。客户端应继续使用原有URI。 |
| 304 | Not Modified | 未修改
。所请求的资源未修改,服务器返回此状态码时,不会返回任何资源(响应消息中不包含响应体)。客户端通常会缓存访问过的资源。 |
5.2.3 4** 客户端错误相关的响应状态码
| 状态码 | 状态码英文名称 | 中文描述 |
| — | — | — |
| 400 | Bad Request | 1、语义有误,当前请求无法被服务器理解。除非进行修改,否则客户端不应该重复提交这个请求;
2、请求参数有误; |
| 401 | Unauthorized | 当前请求需要用户验证; |
| 403 | Forbidden | 服务器已经理解请求,但是拒绝执行它; |
| 404
| Not Found
| 服务器无法根据客户端的请求找到资源(网页);
|
| 408 | Request Timeout | 请求超时。服务器等待客户端发送的请求时间过长,超时; |
5.2.4 5** 服务端错误相关的响应状态码
5** 范围的状态码,表示服务器未能正常处理客户端的请求而出现意外错误。常见的 5** 类型的状态码如下:
| 状态码 | 状态码英文名称 | 中文描述 |
| — | — | — |
| 500 | Internal Server Error | 服务器内部错误,无法完成请求; |
| 501 | Not Implemented | 服务器不支持该请求方法,无法完成请求。只有 GET 和 HEAD 请求方法是要求每个服务器必须支持的,其它请求方法在不支持的服务器上会返回501 |
| 503 | Service Unavailable | 由于超载或系统维护,服务器暂时的无法处理客户端的请求; |
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
总结
-
对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。
-
算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???)
-
在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。
-
要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!
第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说,人嘛都会有苦恼的~
祝大家都有美好的未来,拿下满意的 offer。
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
rt/41a409bca685b4ea0e0aa1a5589c3e09.png)
第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说,人嘛都会有苦恼的~
祝大家都有美好的未来,拿下满意的 offer。
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-g9K6LFRe-1712787866952)]