简单易懂且全面的http知识点详细总结

最新推荐文章于 2023-11-22 13:33:47 发布
最新推荐文章于 2023-11-22 13:33:47 发布
阅读量1.3k 收藏 23
点赞数 4
分类专栏： 前端天天面试题积累 计算机网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43342105/article/details/107516942
版权

此篇文章是自学于慕课网双越老师的前端课程所做的笔记，如有不妥将会删除。

本文同步到：http://www.existentialism.icu/2020/10/02/15/

文章目录

http状态码

什么是http状态码

“HTTP状态码(HTTP Status Code)是表示网页服务器超文本传输协议响应状态的3位数字代码。即当服务器收到某种请求时,例如,当用户通过浏览器访问你的网页页面,服务器会向这个浏览器返回一个代码响应请求。这个代码就称为:HTTP状态码。”

在浏览器中可以看到下面这些是状态码
在这里插入图片描述

状态码的分类

在这里插入图片描述
在这里插入图片描述

常见状态码

在这里插入图片描述
301的情况大多数是在自己的域名已经到期，换了一个域名，所以要永远改变地址了，老的域名 永远不会被用了
302的情况，只是暂时访问另一个临时的地址

304，你已经请求过这个资源了，你这个资源还有效

404没有 找到这个服务

403没有权限，是因为还有没有注册和登录

**加粗样式**
在这里插入图片描述

504，访问到服务器的时间太长

http method

传统的methods

在这里插入图片描述

现在的methods

下面的post方法的含义变更了，变成了新建数据，比如新建一片博客，

在这里插入图片描述
在这里插入图片描述

Restful API

Resful Api设计：把每个url当做一个唯一的资源
在这里插入图片描述

如何将url设计成一个资源

在这里插入图片描述

不使用url参数

在这里插入图片描述

用method表示操作类型

在这里插入图片描述
和下面进行比对
在这里插入图片描述

http headers

常见的Request Headers

第二点压缩算法的目的是为了使接收了资源更小，访问速度更快

在这里插入图片描述

同域请求都会带上cookie，Host就是你请求的域名
在这里插入图片描述
在这里插入图片描述

常见的Response Headers

在这里插入图片描述

可以在浏览器下面观看两者
在这里插入图片描述

http缓存

什么是缓存

百度百科如下：
浏览器缓存（Browser Caching）是为了加速浏览，浏览器在用户磁盘上对请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。它是网站访问统计最难解决的问题之一。
但是，Web服务器可能因此而未计算一个页面或广告已被阅览的次数。
缓存的方式节约了网络的资源，提高了网络的效率。

那些资源可以被缓存

一般是js，css，img等一些静态资源，因为这些资源一旦生成就不会被修改

http的强制缓存

初次请求

在这里插入图片描述

浏览器初次请求的时候，服务器会向浏览器发送一些资源，和Cache-Control,

Cache-Control在Response Heafers中
控制强制缓存的逻辑

例如
在这里插入图片描述
这上面的意思是将这个资源缓存一年的时间

在这里插入图片描述
将这个logo图片 缓存上面这么长的时间

再次请求

在这里插入图片描述
再次请求的时候就会直接读取本地缓存，访问速度比初次访问熟读要快的多

如下例子
在这里插入图片描述

disk cache 的标志就是访问的本地缓存

缓存过期

在这里插入图片描述
缓存时间到了，就会过期了就会向服务器再次的发送请求

cahe-control的值

在这里插入图片描述

no-cache 是不用本地的强制缓存，交给服务端处理
no-store 就是最彻底的，既不用本地的强制缓存，也不用服务端处理，直接让服务器把资源重新发一份，
在这里插入图片描述

private的意思是只允许最终用户做缓存
而public 可让中间的一些代理做缓存

关于Expires

在这里插入图片描述
知道这么回事就可以了

http缓存-协商缓存（对比缓存）

协商缓存是服务端缓存的策略，就是让服务端来判断这个资源是不是可以被缓存和使用缓存内容，也就是服务器判断客户端资源是否和服务端的资源一样，如果是一样的就返回状态码304，否则就返回200。

如下图
在这里插入图片描述
协商缓存就是要拿资源标志对比的上述过程，来看看是不是可以使用缓存

资源标志有哪些

在这里插入图片描述

Last-Modified

在这里插入图片描述

初次请求，服务器发现资源可以被缓存，服务器返回资源和Last-Modified标志到浏览器，再次请求的时候，request headers 带着 if-Modified-Since（相当于一个key，而他对应的值是Last-Modified）,然后服务器就会对比两边的Last-Modified的值，如果他们的值相等就会返回304，如果这个值不相等，说明资源被改过了，服务器要重新返回资源和Last-modifed。状态码为200

Etag

在这里插入图片描述
和上面的last-Modified的过程和逻辑是一样的

在这里插入图片描述
上面的if-None-Match的内容就是这个Etag的key和value

在这里插入图片描述
在这里插入图片描述

http请求过程中缓存的全过程

在这里插入图片描述

刷新页面对http缓存的影响

三种刷新操作

在这里插入图片描述

不同刷新操作对缓存的影响

在这里插入图片描述

_阿锋丶
关注
  • 4
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
简单易懂的C语言代码跟踪日志源码
08-03
2013年工作时 使用C语言写的 代码跟踪日志，简单易懂，参考了 SexyAppFramework 框架
js 获取设备或浏览器唯一标识的方式
君子不卿
04-18 2421
js 获取设备或浏览器唯一标识的方式。
js获取浏览器唯一标识（同电脑不同浏览器值不同）
Anticlimax
03-15 2万+
我用QQ浏览器的谷歌内核和谷歌浏览器打开的值是相同的,用搜狗浏览器的急速内核和谷歌浏览器的值是不同的 同个浏览器的ie内核和急速内核的值是不同的 function cans() { var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); var txt = 'http:/...
JS生成浏览器唯一标识解决方案
gltncx11的博客
06-15 1万+
浏览器唯一摘要
获取浏览器唯一标识_探讨浏览器指纹 fingerprint
abc
09-15 6297
https://blog.csdn.net/weixin_39521520/article/details/111039051 一、什么是浏览器指纹? 我们常说的指纹，都是指人们手指上的指纹，因具有唯一性，所以可以被用来标识一个人的唯一身份。而浏览器指纹是指仅通过浏览器的各种信息，如CPU核心数、显卡信息、系统字体、屏幕分辨率、浏览器插件等组合成的一个字符串，就能近乎绝对定位一个用户，就算使用浏览器的隐私窗口模式，也无法避免。 这是一个被动的识别方式。也就是说，理论上你访问了某一个网站，那么这个网站就能识别
web 页面请求分析
szy494620829的专栏
04-19 1113
从输入URL到页面呈现需要下面5个步骤 　1． 输入URL地址或者点击URL的一个链接 　2． 浏览器根据URL地址，结合DNS，解析出URL对应的IP地址 　3． 发送HTTP请求 　4． 开始连接请求的服务器并且请求相关的内容  　5． 浏览器解析从服务器端返回的内容，并且把页面显现出来 上面基本上就是一个页面从请求到实现的基本过程，下面我们将剖析这个过程。 当输入URL之后，浏
关于PC端游览器生成唯一标识
weixin_30980795的博客
09-06 1654
~~ 在图解http第一章说明，网络通信必须要同时知道IP地址和mac地址，ip地址可以获取到，关于mac地址就呵呵了 一，关于IP地址： 1.1IP地址编址方式 ABC类ip地址规则：网络号+主机号生存，如下图 1.2ip工作过程 数据包传送的关键是将目标节点的IP地址映射到中间节点的MAC地址 1.3搜狐获取ip地址 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="tex
超全面的数据结构知识点总结.zip
09-01
三张图片涵盖数据结构所有知识点，并包含部分剑指offer涉及的算法题目，简单易懂！！！突击可用！！！
Linux笔记（详细基础简单易懂）
08-07
自己整理的Linux笔记，主要是在实验楼上做实验时记录。比较详细，比较基础。
Compressive_Sensing_compressIvesensing_压缩感知的详细介绍（特别简单易懂）_压缩感知_
09-30
大牛写的，对压缩感知的详细介绍，特别适合初学者，一看就懂
python知识点总结
06-10
期末复习速成，超基础，语言通俗易懂，包含列表，字符串，元组，集合，字典的知识点以及异常和文件的相关知识点
如何获取浏览器客户端的唯一标识
weixin_42601134的博客
12-17 4906
在 Web 应用程序中, 可以使用浏览器的 window.navigator.userAgent 属性来获取浏览器的用户代理字符串。这个字符串包含有关浏览器类型和版本的信息, 但是它不是唯一的, 因为不同的浏览器可能具有相同的用户代理字符串。 要获取更加唯一的标识符, 可以使用浏览器提供的 Web 技术, 如: 浏览器或操作系统提供的唯一设备 ID: 在 HTML5 中, 可以使用 naviga...
vue 获取浏览器唯一标识符
唯心所现，唯识所变
09-16 3278
官方宣称准确度高达99.5%，但我也看到有人说是94%。。。但总的来说也够用了 下载 npm i fingerprintjs2 -S 局部引入 import Fingerprint2 from 'fingerprintjs2' 使用的具体代码 // 获取浏览器的唯一标识符 createFingerprint() { // 浏览器指纹 const fingerprint = Fingerprint2.get((components) => { //
【前端】js通过canvas获取浏览器的唯一指纹可以当做唯一标识
最新发布
我是Superman丶的博客
11-22 497
【前端】js通过canvas获取浏览器的唯一指纹可以当做唯一标识。
js获取浏览器
weixin_45791806的博客
08-15 1212
【代码】js获取浏览器。
c#获取对象的唯一标识_【实战】前端获取浏览器唯一标识
weixin_42314737的博客
12-16 617
点击 上方蓝字关注我们阅读本文大概需要3分钟。最近老陈在自己倒腾一些东西，然后其中就用到了一些跟踪技术，以前获取一些用户路径跟踪主要靠的是cookie标识，但是这一种的话并不能解决很大程度上，前端浏览器唯一标识的问题，有这个唯一标识我们就能够针对使用手机或者pc端上特定的浏览器给他建立一个身份，并且根据这个身份记录一些他的习惯。1.通过canvas来绘制指纹信息由于不同的系统显卡在绘制...
获取访问者唯一标识
琉璃糖的博客
10-12 6667
项目有需求，登录前有匿名举报功能，为了避免恶意举报，需标识出访问者进行控制或封禁。首先想到的是获取mac地址，网上资料很多，大体有这几种方案： 获取mac地址 通过浏览器获取 浏览器或是利用ActiveX，目前只有IE支持，谷歌和火狐不支持（谷歌和火狐好像有另外的插件可以支持，但没有成熟应用广泛的插件） 服务器获取，基本思路是先获取ip，根据ip调用nbtstat（响应有点慢） 或 arp命令，示例代码如下： public class GetIpAndMac extends HttpServlet{
CRC循环冗余码及其详细计算
热门推荐
weixin_43342105的博客
09-21 5万+
文章目录循环冗余校验码的定义循环冗余校验码的特点什么是模2运算CRC码的计算具体怎么校验 循环冗余校验码的定义 循环冗余校验码由信息码n位和校验码k位构成。k位校验位拼接在n位数据位后面，n+k为循环冗余校验码的字长，又称这个校验码（n+k,n）码。 n位信息位可以表示成为一个报文多项式M(x)，最高幂次是xn-1。约定的生成多项式G(x)是一个k+1位的二进制数，最高幂次是xk。将M(x)乘以xk，即左移k位后，除以G(x)，得到的k位余数就是校验位。这里的除法运算是模2除法，即当部分余数首位是1时商取
简单易懂的解释一下http协议
04-14
HTTP协议（HyperText Transfer Protocol）是一种用于传输 Web 数据（如网页、图片等）的协议。它是一个客户端与服务器之间进行的请求和响应协议，客户端（如浏览器）发起请求，服务器回复响应。HTTP协议是建立在TCP/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值