前端开发紧密相关的HTTP协议知识

前端工程师打交道最多的就是浏览器,不管做什么都离不开浏览器,其中http协议往往会被我们忽略,但其实资源缓存、cdn加载、页面性能优化等等都离不开对http协议的了解。

HTTP也叫作超文本传输协议,全称:Hyper Transfer Protocol。最初HTTP只能传输HTML文件,慢慢的现在可以传输文字、图像、视频和各种流文件。

HTTP是无状态的:同一个客户端,连续发起多次请求,对HTTP服务器来说,都是新的请求,HTTP没办法知道来自一个客户端。

HTTP消息结构:要看具体消息结构需要用抓包工具,所以这边只有简单介绍,没有具体实例。Request和response的消息结构基本一样。

Header:分为request/response line和request/response header。

立即学习“前端免费学习笔记(深入)”;

request/response line:包括请求的方法Method(GET/POST)、请求资源的路径path to resource和http协议的版本号。

request/response header:这边就是各种请求头了。

Body:响应体,一般是HTML文件。如果是get请求,是没有响应体的。

HTTP请求方法:

GET    请求获取Request-URI所标识的资源
POST    在Request-URI所标识的资源后附加新的数据
HEAD    请求获取由Request-URI所标识的资源的响应消息报头
PUT      请求服务器存储一个资源,并用Request-URI作为其标识
DELETE  请求服务器删除Request-URI所标识的资源
TRACE   请求服务器回送收到的请求信息,主要用于测试或诊断
CONNECT 保留将来使用
OPTIONS 请求查询服务器的性能,或者查询与资源相关的选项和需求

对于我们来说,常用的就是GET、和POST。再次声明,不用表单提交,get不存在跟post比较有安全性问题。

HTTP状态码:

1XX  提示信息 – 表示请求已被成功接收,继续处理。

2XX  成功 – 表示请求已被成功接收,理解,接受

3XX  重定向 – 要完成请求必须进行更进一步的处理

4XX  客户端错误 –  请求有语法错误或请求无法实现

5XX  服务器端错误 –   服务器未能实现合法的请求

状态码很多,可以自行了解,我觉得有几个是必须知道的。

HTTP通信过程:根据URL查询DNS、查找服务器、建立TCP连接、发送请求、服务器响应。

对于HTTP,我觉得基础的要知道HTTP是无状态的、HTTP的消息结构、基本请求方法、基本状态码这四部分。

HTTP协议需要学习的还很多很多,这只是基本需要知道的。

欢迎关注Coding个人笔记公众号

前端工程师打交道最多的就是浏览器,不管做什么都离不开浏览器,其中http协议往往会被我们忽略,但其实资源缓存、cdn加载、页面性能优化等等都离不开对http协议的了解。

HTTP也叫作超文本传输协议,全称:Hyper Transfer Protocol。最初HTTP只能传输HTML文件,慢慢的现在可以传输文字、图像、视频和各种流文件。

HTTP是无状态的:同一个客户端,连续发起多次请求,对HTTP服务器来说,都是新的请求,HTTP没办法知道来自一个客户端。

HTTP消息结构:要看具体消息结构需要用抓包工具,所以这边只有简单介绍,没有具体实例。Request和response的消息结构基本一样。

Header:分为request/response line和request/response header。

立即学习“前端免费学习笔记(深入)”;

request/response line:包括请求的方法Method(GET/POST)、请求资源的路径path to resource和http协议的版本号。

request/response header:这边就是各种请求头了。

Body:响应体,一般是HTML文件。如果是get请求,是没有响应体的。

HTTP请求方法:

GET    请求获取Request-URI所标识的资源
POST    在Request-URI所标识的资源后附加新的数据
HEAD    请求获取由Request-URI所标识的资源的响应消息报头
PUT      请求服务器存储一个资源,并用Request-URI作为其标识
DELETE  请求服务器删除Request-URI所标识的资源
TRACE   请求服务器回送收到的请求信息,主要用于测试或诊断
CONNECT 保留将来使用
OPTIONS 请求查询服务器的性能,或者查询与资源相关的选项和需求

对于我们来说,常用的就是GET、和POST。再次声明,不用表单提交,get不存在跟post比较有安全性问题。

HTTP状态码:

1XX  提示信息 – 表示请求已被成功接收,继续处理。

2XX  成功 – 表示请求已被成功接收,理解,接受

3XX  重定向 – 要完成请求必须进行更进一步的处理

4XX  客户端错误 –  请求有语法错误或请求无法实现

5XX  服务器端错误 –   服务器未能实现合法的请求

状态码很多,可以自行了解,我觉得有几个是必须知道的。

HTTP通信过程:根据URL查询DNS、查找服务器、建立TCP连接、发送请求、服务器响应。

对于HTTP,我觉得基础的要知道HTTP是无状态的、HTTP的消息结构、基本请求方法、基本状态码这四部分。

HTTP协议需要学习的还很多很多,这只是基本需要知道的。

【推荐课程:HTTP视频课程】

以上就是前端开发紧密相关的HTTP协议知识的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1547775.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 19:27:19
下一篇 2025年12月21日 19:27:41

相关推荐

  • [HTTP] tcp/ip详解 链路层 网络层 传输层 应用层

    1.可以把七层协议简化成四层协议 链路层 网络层 传输层 应用层 2.通过路由器连接的两个网络网络层ip提供的是一个逐跳协议,提供了一种不可靠的服务,中间有可能会丢传输层tcp在ip的基础上提供了可靠的传输层 比喻:tcp就是淘宝卖家 ,ip就是包裹,中间如果包裹丢了,卖家会重新发一个包裹,这里会有…

    好文分享 2025年12月21日
    000
  • 分析影响http性能的常见因素

    本篇文章的主要内容是关于介绍影响http性能的常见因素,具有一定的参考价值,感兴趣的朋友可以了解一下。 我们这里讨论HTTP性能是建立在一个最简单模型之上就是单台服务器的HTTP性能,当然对于大规模负载均衡集群也适用毕竟这种集群也是由多个HTTTP服务器的个体所组成。另外我们也排除客户端或者服务器本…

    2025年12月21日 好文分享
    000
  • web开发之转发和重定向区别

    在进行web开发时,跳转是最常见的,今天在这里来学习下2种跳转,有兴趣的朋友可以看看,希望对你有所帮助。 第一种是request.getRequestDispatcher().forward(request,response): 1、属于转发,也是服务器跳转,相当于方法调用,在执行当前文件的过程中转…

    好文分享 2025年12月21日
    000
  • 前端好学还是后端好学?

    前端好学还是后端好学?  很多刚开始准备接触编程的朋友都会考虑这么一个问题,那么,前端和后端哪个更难?也就是说前端和后端哪个更容易学?下面我们就来分析一下前端好学还是后端好学。 在分析前端和后端哪个好学之前,我们需要先来看一下前端和后端的区别 前端学习 web前端工程师的主要职能是做外观开发,用到一…

    2025年12月21日
    000
  • HTML转成PDF的4个方法介绍(附代码)

    本篇文章给大家带来的内容是关于把html转成pdf的4个方法介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在本文中,我将展示如何使用 Node.js、Puppeteer、headless Chrome 和 Docker 从样式复杂的 React 页面生成 PDF 文…

    好文分享 2025年12月21日
    000
  • 前端开发者必须知道的http协议相关知识

    htmledit_views-f57960eb32.css”/>  http(超文本传输协议)是一个基于请求与响应模式的、无状态的、应用层的协议,常基于TCP的连接方式。本文讲述的是前端开发者必须知道的http协议相关知识,做想做前端和正在做前端的小伙伴一定要知道哦。 1.概念  …

    好文分享 2025年12月21日
    000
  • 前端开发适合女生吗?女生必看

    随着前端行业的快速发展,很多人都纷纷加入到前端开发行业当中,其中也包括一些女孩子,那么前端开发适合女生吗?女生学前端开发怎么样?下面创想鸟就为大家详细讲解一下女孩子做前端好不好。【推荐阅读:前端开发用什么工具】 一:前端开发适合女生吗 web前端可以说是十分的火热,web前端拥有独特的优势,吸引了很…

    好文分享 2025年12月21日
    000
  • ui前端和web前端的区别是什么?

    ui前端和web前端都是都是用于前端的,那么它们之间有什么区别呢?本篇文章就来给大家介绍一下ui前端和web前端之间的区别,下面我们来看具体的内容。 什么是ui前端? UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。通常包括平面设计,网页设计以及移动界面设计。通俗的来说就是用户界面设计。…

    2025年12月21日
    000
  • 一次性搞懂 HTTP、HTTPS、SPDY、HTTP2

    本篇文章给大家带来的内容是关于一次性搞懂 HTTP、HTTPS、SPDY、HTTP2,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 作为互联网通信协议的一员老将,HTTP 协议走到今天已经经历了三次版本的变动,现在最新的版本是 HTTP2.0,相信大家早已耳熟能详。今天就给大家好好…

    2025年12月21日
    000
  • web前端开发需要学习什么?新人必看

    本篇文章给大家带来的内容是关于web前端开发需要学习什么,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 首先封程中是在自身发展过程中java工程师,目前从事服务器(后端开发),但是之前也做过JavaWeb前端开发2年,所以还是有一些经验,下面简单介绍我的经验,这是不好的,你不喷,学…

    2025年12月21日
    000
  • 你知道原生HTML组件是什么吗?原生HTML组件的介绍

    本篇文章给大家带来的内容是关于你知道原生html组件是什么吗?原生html组件的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 嘿!看看这几年啊,Web 前端的发展可是真快啊! 想想几年前,HTML 是前端开发者的基本技能,通过各式各样的标签就可以搭建一个可用的网站,基本交互也…

    2025年12月21日 好文分享
    000
  • Web应用中富交互的撤销与前进操作的实现方法介绍(代码)

    本篇文章给大家带来的内容是关于web应用中富交互的撤销与前进操作的实现方法介绍(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在web应用中,用户在进行一些富交互行为的操作时难免会出现误操作,比如在富文本编辑器设置错了字体颜色就需要撤回,做H5活动页面的时候不小心删了一个图…

    2025年12月21日
    000
  • 前端常用的JavaScript操作(代码实例)

    本篇文章给大家带来的内容是关于前端常用的javascript操作(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1.删除字符串中指定的一段字符 例:删除”10km”中的km var str = “10km”//方法一:var res = str.…

    好文分享 2025年12月21日
    000
  • 轶事:Chrome小恐龙背后你不知道的故事

    在chrome中当没有网络的时候会出现一个小恐龙在跑的加载,那么这只小恐龙有什么故事呢?我们来看一看 如果你是 Chrome 用户,一定对那萌萌哒的小恐龙不陌生,每当互联网连接断开时,你便能看到那只小恐龙,点击空格键就能开启小恐龙跑酷游戏。 这个游戏的名字叫:Chrome Dino,你现在可以打开 …

    2025年12月21日 好文分享
    000
  • 前端项目中目录结构优化的方法总结

    本篇文章给大家带来的内容是关于前端项目中目录结构优化的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 目录结构优化 现在前端项目越来越变得像大型工程了,而且越来越复杂了,需要处理好组员之间的协作,也需要做好业务分块、去耦合来降低维护成本,并且还要保持高效率开发。 工程目录结…

    好文分享 2025年12月21日
    000
  • 服务器上webpack打包的过期hash文件如何进行清理

    本篇文章给大家带来的内容是关于服务器上webpack打包的过期hash文件如何进行清理,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 现在前端的项目基本上都会用 webpack 打包代码,并且文件名(html 文件除外)都是 hash 化的,这样可以去除浏览器的缓存。但是会产生另外…

    好文分享 2025年12月21日
    000
  • HTML表单的工作原理(图文)

    本篇文章给大家带来的内容是关于html表单的工作原理(图文),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在前端语言书写中,表单是一种常用的数据传递方式,也是一种行之有效的比较高效率的方式。 其工作原理 为:访问一个包含表单的页面,输入表单信息之后提交表单——通过data,将浏览…

    2025年12月21日 好文分享
    000
  • 关于http前端存储的总结

    本篇文章分享给大家的内容是关于http前端存储的总结,内容很详细,接下来我们就来看看具体的内容,希望可以帮助到有需要的朋友。 cookie 为什么会有cookie http协议的无状态,所谓无状态即是服务器并不是知道这次的请求和上次的请求是不是同一个client发来的,就好比你经常去一家超市买东西,…

    2025年12月21日 好文分享
    000
  • 前端获取http状态码400的返回值实例_基础教程

    下面我就为大家带来一篇前端获取http状态码400的返回值实例。现在就分享给大家,也给大家做个参考。 如下所示: axios.get(“/check_mobile_and_sent_code”,{withCredentials:true,params:{mobile:formInline.mobil…

    2025年12月21日
    000
  • 一次前端面试的经历

    今天给大家分享我之前找工作的面试经历,我辞去了杭州的工作之后去往了深证,给大家分享一下我面试的4次经历 写在最前面: 上个月底辞掉了在杭州的工作,来到了广州开始找工作,讲道理广州的这座城市的经济中心真的不在互联网,个人感觉还不如互联网发展的杭州,找了一个礼拜的工作之后,少许感悟 第一家面试公司: 第…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信