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

最新推荐文章于 2024-10-11 09:37:52 发布
最新推荐文章于 2024-10-11 09:37:52 发布
阅读量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缓存的影响

三种刷新操作

在这里插入图片描述

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

在这里插入图片描述

_阿锋丶
关注
专栏目录
Python基础知识点总结
Python全栈系列
08-25 7万+
本文包括python基本知识：简单数据结构，数据结构类型（可变：列表，字典，集合，不可变：数值类型，字符串，元组），分支循环和控制流程，类和函数，文件处理和异常等等。
Spring知识点梳理，简单易懂
02-21 571
一、What is the Spring？ Spring框架是由于软件开发的复杂性而创建的，换句话说：Spring是为简化软件开发而存在的。Spring主要的作用可以概况为：简化开发，最大程度的松耦合。 ...
用js获取电脑信息(是使用与IE浏览器)
11-30
用js获取本地电脑信息（但是只能在IE浏览器下才行，其他浏览器其获取不到的）： 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>ieT
浏览器唯一标识（浏览器指纹）fingerprintjs
不求甚解的博客
02-01 3206
很多项目会随机生成一个UUID，并持久化存储在localStorage，但是localStorage也有被清除的风险，就需要一个不会变也不会被清掉的值作为游客身份的唯一标识。通过浏览器canvas绘画出一张指定的图，将绘画出来的图片转为base64格式，然后再将base64内容通过指定编码方式转化为fingerprintID。因为不同浏览器，由于浏览器api、版本、系统等原因，绘画出来的图片会存在非常细微的差异，人眼很难辨别，所以转换出来的base64会不一样。
JavaScript 获取浏览器唯一标识方案之一
最新发布
caperxi的博客
10-11 581
需要在单设备上跨浏览器获取相同的标识，可以选择合适的 browser independent component；由于不同系统的显卡在绘制 canvas 时，渲染参数和抗锯齿等算法存在差异，导致绘制成的图片数据的 CRC 校验也各不相同。总之，通过 JavaScript 获取浏览器唯一标识是一个在前端开发中具有一定挑战性但又非常实用的技术。在前端开发中，有时需要获取浏览器的唯一标识。
【浏览器指纹】fingerprintjs2使用fingerprintjs生成浏览器唯一标识(浏览器指纹)
DecorateCC的博客
06-11 5235
浏览器指纹我们可以理解成是一个用户设备的浏览器的唯一id（有点类似手机设备的IMEI），通过浏览器指纹，我们可以做一些埋点操作或者是鉴权，辨别是否是同一用户，其是否有更换设备（更换浏览器）等。Fingerprint.js的核心理念是在用户不知情且不侵犯其隐私的情况下，收集一些浏览器的基本信息，如屏幕分辨率、时区、已安装字体、插件等，并将这些数据转化为一个哈希值，即所谓的"设备指纹"。这种指纹可以作为识别用户的一种方式，即使他们清除cookies或者更换设备，只要浏览器配置保持不变，就能被识别出来。
获取浏览器唯一标识_探讨浏览器指纹 fingerprint
abc
09-15 7173
https://blog.csdn.net/weixin_39521520/article/details/111039051 一、什么是浏览器指纹? 我们常说的指纹，都是指人们手指上的指纹，因具有唯一性，所以可以被用来标识一个人的唯一身份。而浏览器指纹是指仅通过浏览器的各种信息，如CPU核心数、显卡信息、系统字体、屏幕分辨率、浏览器插件等组合成的一个字符串，就能近乎绝对定位一个用户，就算使用浏览器的隐私窗口模式，也无法避免。 这是一个被动的识别方式。也就是说，理论上你访问了某一个网站，那么这个网站就能识别
非常易懂且全面的计算机科学概论知识总结
热门推荐
qq_35297774的博客
08-05 1万+
我将此书的中文电子版pdf版本分别放到了网盘 链接：https://pan.baidu.com/s/18c4qrHsoF_B1y3zVygtH5g 提取码：a0ki 绪论 算法：就是完成一项任务所需要的步骤 一旦一个算法被设计出来，那么完成任务就变成了按照指令执行的过程 所以说计算机的智能限制于算法的智能 总结 其实计算机就是一个能够存储（主存）并且处理数据（cpu）的一个机器 Cpu其实就是能够处理数据（指令也是数据），有着控制电路去完成指令（也就是一种机器语言）所指定的操作----说白了就是读取指令数据
通俗易懂的Promise知识点总结，检验一下你是否真的完全掌握了promise？
圆圆的 JavaScript 博客
10-18 2332
Promise 想必大家都十分熟悉，想想就那么几个 api，可是你真的了解 Promise 吗？
Python全网最全知识点总结
m0_63394128的博客
03-22 7614
计算机顾名思义就是可以做数学计算的机器，因此，计算机程序理所当然地可以处理各种数值。但是，计算机能处理的远不止数值，还可以处理文本、图形、音频、视频、网页等各种各样的数据，不同的数据，需要定义不同的数据类型。在Python中，能够直接处理的数据类型有以下几种： 一、整数 Python可以处理任意大小的整数，当然包括负整数，在Python程序中，整数的表示方法和数学上的写法一模一样，例如：1，100，-8080，0，等等。 计算机由于使用二进制，所以，有时候用十六进制表示整数比较方便，十六进制用0x前缀
css在不同浏览器中的唯一标识以height属性为例
01-19
复制代码代码如下: height:73px; /*正常浏览器*/ [;height:50px;] /* chrome */ -moz-height:73px; /*firefox*/ _height:73px; /*IE6*/ *height:73px; /*IE7*/ height:73px\9; /*IE8*/
js 获取设备或浏览器唯一标识的方式
君子不卿
04-18 3114
js 获取设备或浏览器唯一标识的方式。
JS生成浏览器唯一标识解决方案
gltncx11的博客
06-15 1万+
浏览器唯一摘要
前端知识总结（一）
Ther_su的博客
09-08 582
1、用原生JS实现forEach if(!Array.prototype.forEach) { Array.prototype.forEach = function(fn, context) { var context = arguments[1]; if(typeof fn !== "function") { throw new TypeError(fn + "is not a function"); } f
canvas 追踪 js实现方案 实现浏览器唯一标示 标记
javakeffer的专栏
09-29 1万+
function bin2hex(str) {         var result = "";         for (i = 0; i             result += int16_to_hex(str.charCodeAt(i));         }         return result;     }          function int16_t
【前端】js通过canvas获取浏览器的唯一指纹可以当做唯一标识
我是Superman丶的博客
11-22 829
【前端】js通过canvas获取浏览器的唯一指纹可以当做唯一标识。
如何获取浏览器客户端的唯一标识
weixin_42601134的博客
12-17 6410
在 Web 应用程序中, 可以使用浏览器的 window.navigator.userAgent 属性来获取浏览器的用户代理字符串。这个字符串包含有关浏览器类型和版本的信息, 但是它不是唯一的, 因为不同的浏览器可能具有相同的用户代理字符串。 要获取更加唯一的标识符, 可以使用浏览器提供的 Web 技术, 如: 浏览器或操作系统提供的唯一设备 ID: 在 HTML5 中, 可以使用 naviga...
Vue获取浏览器唯一标识
zhiyun_li1的博客
02-06 5996
登陆时候可能需要向后台传输一个唯一标识符 具体实现思路如下： 1、引入js 2、写入 3-最终打印出来结果，发送给后台
JS获取当前使用的浏览器名字以及版本号
asuyunlong的专栏
07-22 3436
JS获取当前使用的浏览器名字以及版本号 var userAgent=window.navigator.userAgent, rMsie=/(msie\s|trident.*rv:)([\w.]+)/, rFirefox=/(firefox)\/([\w.]+)/, rOpera=/(opera).+versi
Web开发框架示例：简洁易懂的项目指南
### 知识点 #### 1. 前端框架示例 前端开发中常用的框架有React、Vue和Angular等，它们分别由Facebook、Vue.js社区和Google开发维护。这些框架通常遵循MV*（Model-View-*）架构模式。 - **React**: 由Facebook...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值