浏览器有哪些缓存？不同缓存的使用方法和差别 _浏览器

文章插图

一. 什么是缓存web缓存是一个设备，这个设备可以自动保存常用的文档的副本。在客户端发起请求的时候，如果就近的缓存拥有客户端想要的副本，那么就会加快网站的响应速度。
在出现带宽不足、瞬间拥塞（很多用户同时访问某一站点）、距离时延（由于距离很远产生时延）这些情况下，缓存的优势就会体现出来了。
缓存可分为：私有缓存和公有缓存。
私有缓存是个人缓存，包含单个用户最常用的页面。（浏览器的缓存是私有缓存）
公有缓存包含了某个用户团体的常用的页面。
二. 浏览器存储浏览器存储（Browser Caching）是浏览器的一种优化机制。浏览器的缓存中保存了用户经常访问的一些文档的副本，避免了一些重复的网络请求，
浏览器能够快速地读取本地的数据，这样就会加快网站的访问速度。
1. 浏览器有哪几种缓存机制
浏览器一共有九种缓存机制
打开浏览器 -> 点击F12 -> 点Application
可以看到浏览器的多种缓存机制：

文章插图

浏览器的几种缓存机制
(1). http缓存
http缓存是基于http协议的浏览器文件缓存机制，当重复请求某一个文件时，浏览器可以根据协议的头文件判断是从服务器端请求文件还是从本地读取文件。
上图中的Frames展示的就是http缓存

文章插图

a. 判断过期的两种方式：
Expires和Cache-Control:max-age
Expires：存的是绝对的过期的日期（例如：牛奶的保质期）
Cache-Control:max-age 存的是还可以保鲜多久，是相对时间，用秒做单位
b. 如果a中判断缓存已经过期，那么就要进行缓存再验证
缓存再验证的两种方式：
【浏览器有哪些缓存？不同缓存的使用方法和差别】请求报文里携带
If-Modified-Since:Date和If-None-Match
If-Modified-Since:Date 对修改日期进行验证
If-None-Match：<tags> 对实体标签的版本标识符进行验证
例如：
响应报文：
HTTP/1.1 200 OKLast-Modified: Tue, 12 Dec 2006 03:03:59 GMTETag: "10c24bc-4ab-457e1c1f"Content-Length: 12195下一次的请求报文：
GET /i/yahoo.gif HTTP/1.1Host: us.yimg.comIf-Modified-Since: Tue, 12 Dec 2006 03:03:59 GMTIf-None-Match: "10c24bc-4ab-457e1c1f" 再次响应的报文：
HTTP/1.1 304 Not Modifiedc. b中再验证的结果有两种：服务器中的文件未修改和服务器中的文件有修改
服务器中的文件未修改：缓存中的副本可以使用，那么浏览器直接从缓存读取文档，返回304
服务器中的文件有修改：缓存中的副本不能使用，那么直接从服务器端读取文档，返回200
(2). indexDB 客户端本地数据库（大型数据库）
indexDB是浏览器中的一种数据库，用来保存结构化数据。
indexDB设计的操作完全是异步进行的。
indexDB最大的特色是使用对象保存数据。
indexDB.open(“database”) 打开数据库或者创建并打开数据库；
indexDB.setVersion(“1.0”) 为数据库指定一个版本号；
database.transaction(); 创建事务，对数据库进行操作；
openCursor() 在对象存储空间上调用这个方法，通过游标查找数据；
createIndex() 创建索引；
indexDB的并发问题；
(3). Cookies
1.cookies是什么
cookies是服务器用来标识web用户的一小块数据。
cookies的基本思想就是让浏览器积累一组服务器特有的信息，并在客户端和服务器端来回传递。
Cookies是由服务器端生成，发送给浏览器，浏览器会将Cookies的key/value保存到某个目录下的文本文件内，
下次请求同一网站时就发送该Cookies给服务器（前提是浏览器设置为启用cookies）。
Cookies一般存在用户本地终端上，通常经过加密处理。
Cookies一般通过http请求中的头部一起发送到服务器端。在客户端和服务器端之间来回传递。
一条cookie记录主要由键、值、域、过期时间、大小组成。