http相关知识整理

这篇具有很好参考价值的文章主要介绍了http相关知识整理。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

http状态码
http相关知识整理,http,前端
状态码分类

1xx服务器收到请求
2xx请求成功,如200
3xx重定向,如302
4xx客户端错误,如404
5xx服务端错误,如500

常见状态码

200成功
301永久重定向(配合location,浏览器自动处理)(老的网址不用了,可以用这个)
302临时重定向(配合location,浏览器自动处理)
304资源未被修改
404资源未找到
403没有权限
500服务器错误
504网关超时

http methods

  1. 传统的methods
    get获取服务器的数据
    post向服务器提交数据
    简单网页功能,就这个两个操作
  2. 现在的methods
    get获取数据
    post新建数据
    patch/put 更新数据
    delete删除数据
  3. Restful API
    一种新的API设计方法(早已推广使用)
    传统API设计:把每个url当做一个功能
    Restful API设计:把每个url当做一个唯一的资源标识
    • 不使用url参数
      传统API设计:/api/list?pageIndex=2
      Restful API设计:/api/list/2
    • 用method表示操作类型(传统API设计)
      新增博客:post请求 /api/create-blog
      修改博客:post请求 /api/update-blog?id=100
      获取详情:get请求 /api/get-blog?id=100
    • 用method表示操作类型(Restful API设计)
      新增博客:post请求 /api/blog
      修改博客:patch请求 /api/blog/100
      获取详情:get请求 /api/blog/100

http headers

  • 常见的Request Headers
    http相关知识整理,http,前端
    http相关知识整理,http,前端

    1. Accept浏览器可接收的数据格式
    2. Accept-Encoding浏览器可接收的压缩算法,如gzip
    3. Accept-Languange浏览器可接收的原因,如zh-CN
    4. Connection:keep-alive 一次TCP连接重复使用
    5. cookie
    6. Host请求的域名
    7. User-Agent(简称UA)浏览器信息
    8. Content-type发送数据的格式,如application/json
    
  • 常见的Response Headers
    http相关知识整理,http,前端

     1. Content-Type返回数据的格式,如application/json
     2. Content-Length 返回数据的大小,多少字节
     3. Content-Encoding返回数据的压缩算法,如gzip
    
  • 缓存相关的headers
    1.Cache-Control Expires
    2.Last-Modified If-Modified-Since
    3.Etag if-None-Match

http缓存

  • http强制缓存
    设置缓存机制后,前端第一次请求到资源会把资源缓存到客户端,如果下次请求时资源没有过期,那么直接调用本地缓存的资源,如果过期则重新发送请求。
    http相关知识整理,http,前端

Response Headers中,Cache-Control控制强制缓存的逻辑,所以本质上还是服务端控制
例如:Cache-Control:max-age=518400(单位秒)最大过期时间为518400秒
Cache-Control的值:
max-age:最大过期时间
no-cache:不用本地强制缓存,到服务端处理
no-store:不用本地强制缓存,也不用服务端缓存
private:只能在浏览器中缓存, 只有在第一次请求的时候才访问服务器
public:可以被任何缓存区缓存, 如: 浏览器、服务器、代理服务器等.

突然发现request里也有cache-control,两个有什么区别呢
我找了一下解释: 请求头里的Cache-Control是no-cache,是浏览器通知服务器:本地没有缓存数据 响应头中的 Cache-Control:max-age=8888 是通知浏览器:8888 秒之内别来烦我,自己从缓冲区中刷新

  • 协商缓存(对比缓存)
    服务端缓存策略:服务端判断客户端资源,是否和服务端资源一样,一致返回304,否则返回200和最新的资源
    http相关知识整理,http,前端
    资源标识:
    在Response Headers中,有两种:Last-Modified资源的最后修改时间和Etag资源的唯一标识(一个字符串,类似人类的指纹)
    http相关知识整理,http,前端
    http相关知识整理,http,前端

会优先使用Etag
Last-Modified只能精确到秒级
如果资源被重复生成,而内容不变,则Etag更精确

http相关知识整理,http,前端

三种刷新操作

  • 正常操作:地址栏输入url,跳转链接,前进后退等
  • 手动刷新:F5,点击刷新按钮,右击菜单刷新
  • 强制刷新:ctrl+F5

正常操作:强制缓存有效,协商缓存有效
手动刷新:强制缓存失效,协商缓存有效
强制刷新:强制缓存失效,协商缓存失效文章来源地址https://www.toymoban.com/news/detail-784437.html

到了这里,关于http相关知识整理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HarmonyOS开发者认证高级考试相关知识整理

    1. [单选题]2/2 哪个模块提供了全双工通信协议 A:HTTP B:Socket C:Request D:WebSocket 正确答案:D 2. [单选题]2/2 @State修饰的状态数据被修改时会触发组件的()方法进行UI界面更新 A:onPageShow方法 B:build方法 C:aboutToAppear方法 正确答案:B 3. [单选题]2/2 HarmonyOS提供的Webview能力是否支持与H5双向

    2024年02月04日
    浏览(46)
  • 二值图,灰度图,彩色图等相关知识整理

    其实在学过图像处理后,基本上对二值图,灰度图,彩色图以及图像通道和深度都有自己的理解,但是在实际涉及到运用的时候,特别是在代码角度进行图像处理的时候,总还是会出现概念混淆的情况,每次都需要上网搜一下特定的知识点,然后解决了问题,后期又会对知识

    2024年02月16日
    浏览(33)
  • 【DAY43-2】前端知识整理

    HTML : 超链接标签 :a href=\\\"\\\"内容/a href:链接地址,可以是内部链接,也可以是内部链接 跳转到超链接设置的锚的位置的语法:a href=\\\"#锚名\\\" HTML表格: table表格 tr行 td单元格 单行文本域: form         input type=\\\"text\\\" name=...... /form 密码框 :type=“password\\\" 文件域 :type=\\\"file\\\" 单选框

    2023年04月22日
    浏览(57)
  • http相关知识点

    一张网页实际上可能会有多种元素组成,这也就说明了网页需要多次的http请求。 可由于http是基于TCP的,而TCP创建链接是有代价的,因此频繁的创建链接会导致效率降低 为了防止这种情况,就需要两端主机都具备支持长连接的功能,将大份的资源使用一条链接就包含,也就是

    2024年02月13日
    浏览(42)
  • 知识小结——HTTP协议相关

    目录 TCP/IP URI / URL HTTPS 总结时间: TCP/IP协议簇 对TCP的理解 对UDP的理解 HTTP(超文本传输协议)是什么? HTTPS(安全超文本传输协议)是什么? HTTPS的特点: HTTPS协议对称加密的过程?  HTTP协议的缓存策略有哪些? 强制缓存: 协商缓存: 哪些问题是HTTPS无法解决的?  如何

    2024年02月08日
    浏览(40)
  • HTTP通讯相关知识

    目录 1、HTTP 简介 2、HTTP通讯的基本流程 3、QNetworkAccessManager 理解 4、使用QNetworkAccessManager的步骤 5、认识 QNetworkProxy 设置网络代理 1、HTTP 简介 (1)HTTP(Hypertext Transfer Protocol)是一种用于传输超文本的协议,它是Web应用程序的基础。它是一个客户端-服务器协议,客户端发起请

    2024年02月04日
    浏览(24)
  • 前端工作中常用 CSS 知识点整理

    1.1文字溢出省略号 文字单行溢出: 多行文字溢出: 1.2css变量 CSS变量 又称 CSS自定义属性 ,通过在 css 中自定义属性 --var 与函数 var() 组成, var() 用于引用自定义属性。谈到为何会在 CSS 中使用变量,以下使用一个示例讲述。 1.3渐变 渐变分为 线性渐变 、 径向渐变 ,这里笔者直

    2024年02月15日
    浏览(55)
  • 前端必备-http知识

    在掘金查看该文章 1.物理层 (Physical Layer) 光纤 , 电缆 , 双绞线 , 连接 物理层要解决的主要问题: (1)物理层要尽可能地屏蔽掉物理设备和传输媒体,通信手段的不同,使数据链路层感觉不到这些差异,只考虑完成本层的协议和服务。 (2) 在两个相邻系统之间唯一地

    2024年02月04日
    浏览(29)
  • 《吐血整理》保姆级系列教程-玩转Fiddler抓包教程(1)-HTTP和HTTPS基础知识

    有的小伙伴或者童鞋们可能会好奇地问宏哥,不是讲解和分享抓包工具了怎么这里开始讲解HTTP和HTTPS协议了。这是因为你对HTTP协议越了解,你就能越掌握Fiddler的使用方法,反过来你越使用Fiddler,就越能帮助你了解HTTP协议。 Fiddler无论对开发人员或者测试人员来说,都是非常

    2024年02月16日
    浏览(59)
  • 前端PWA应用的相关知识和基础Demo

    一、什么是PWA应用? 1、PWA简介 ​ 渐进式Web应用(Progressive Web App),简称 PWA ,是 Google 在 2015 年提出的一种使用web平台技术构建的应用程序,官方认为其核心在于 Reliable (可靠的)、 Fast (快速的)、 Engaging (可参与的),结合了web网站程序和原生应用程序两者的优点,

    2024年02月21日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包