2024年面试，程序员必备知识篇 --- HTTP协议详解，8个优秀的CSS实践

2.2.2 请求头部

请求头部用来描述客户端的基本信息，从而把客户端相关的信息告知服务器；

| 头部字段 | 说明 |

| — | — |

| Host | 要请求的服务器域名 |

| Connection | 客户端与服务器的连接方式(close 或 keepalive) |

| Content-Length | 用来描述请求体的大小 |

| Accept | 客户端可识别的响应内容类型列表 |

| User-Agent | 产生请求的浏览器类型 |

| Content-Type | 客户端告诉服务器实际发送的数据类型 |

| Accept-Encoding | 客户端可接收的内容压缩编码形式 |

| Accept-Language | 用户期望获得的自然语言的优先顺序 |

关于更多请求头字段的描述，可以查看 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers

2.2.3 空行

1️⃣ 最后一个请求头字段的后面是一个空行，通知服务器请求头部至此结束；

2️⃣ 请求消息中的空行，用来分隔请求头部与请求体；

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 状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字用来对状态码进行细分。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些前端面试题以及学习路线给大家

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

分享一些前端面试题以及学习路线给大家

[外链图片转存中…(img-VoCDkIH2-1712401031670)]

[外链图片转存中…(img-SrpajQRt-1712401031670)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-IvKKvG6S-1712401031671)]