WEB端缓存机制

什么是WEB缓存

Web缓存是指一个Web资源（如html页面，图片，js，数据等）存在于Web处事器和客户端（浏览器）之间的副本。缓存会按照进来的请求生存输出内容的副本；当下一个请求来到的时候，如果是不异的URL，缓存会按照缓存机制决定是直接使用副本响应访谒请求，还是向源处事器再次发送请求。对照常见的就是浏览器会缓存访谒过网站的网页，当再次访谒这个URL地点的时候，如果网页没有更新，就不会再次下载网页，而是直接使用本地缓存的网页。只有当网站明确标识资源已经更新，浏览器才会再次下载网页

数据库数据缓存

数据库数据缓存的本色就是将频繁使用的数据从数据库（硬盘）存到内存中，，而内存的读取速度远远快于直接在磁盘读取的速度。至于为什么会有明显的速度差异，浅显的理解是因为内存是电存储，硬盘存储是磁存储。电的速度远远大于磁盘（相当于磁带动弹的速度）的速度。即使此刻呈现了固态硬盘但还仅仅只是在磁盘的根本上有所提高。

处事器端缓存代办代理处事器缓存

代办代理处事器是浏览器和源处事器之间的中间处事器，浏览器先向这其中间处事器倡议Web请求，颠末措置惩罚惩罚后（好比权限验证，缓存匹配等），再将请求转发到源处事器。代办代理处事器缓存的运作道理跟浏览器的运作道理差不久不多，只是规模更大。可以把它理解为一个共享缓存，不但为一个用户处事，一般为大量用户供给处事，因此在减少相应时间和带宽使用方面很有效，同一个副本会被重用多次。

CDN缓存

CDN（Content delivery networks）缓存，也叫网关缓存、反向代办代理缓存。CDN缓存一般是由网站打点员本身部署，为了让他们的网站更容易扩展并获得更好的性能。浏览器先向CDN网关倡议Web请求，网关处事器后面对应着一台或多台负载均衡源处事器，会按照它们的负载请求，动态将请求转发到合适的源处事器上。虽然这种架构负载均衡源处事器之间的缓存没法共享，但却拥有更好的外扩展性。

应用层缓存

应用层缓存是指我们在代码层面上做的缓存。通过代码逻辑，把曾经请求过的数据或资源等，缓存起来，再次需要数据时通过逻辑上的措置惩罚惩罚选择可用的缓存的数据

浏览器端缓存http缓存

http缓存是基于HTTP协议的浏览器文件级缓存机制。即针对文件的反复请求情况下，浏览器可以按照协议头判断从处事器端请求文件还是从本地读取文件，chrome控制台下的Frames即展示的是浏览器的http文件级缓存。以下是浏览器缓存的整个机制流程。主要是针对反复的http请求，在有缓存的情况下判断过程主要分3步：
1.判断expires，如果未过期，直接读取http缓存文件，不发http请求，否则进入下一步。
2.判断是否含有etag，有则带上if-none-match发送请求，未改削返回304，改削返回200，否则进入下一步。
3.判断是否含有last-modified，有则带上if-modified-since发送请求，无效返回200，有效返回304，否则直接向处事器请求。

websql

websql这种方法只有较新的chrome浏览器撑持，并以一个独立规范形式呈现，主要有以下特点：
1.Web Sql 数据库API 实际上不是HTML5规范的构成部分;
2.在HTML5之前就已经存在了，是单独的规范;
3.它是将数据以数据库的形式存储在客户端，按照需求去读取;
4.跟Storage的区别是： Storage和Cookie都是以键值对的形式存在的;
5.Web Sql 更便利于检索，允许sql语句盘问;
6.让浏览器实现小型数据库存储成果;
7.这个数据库是集成在浏览器里面的，目前主流浏览器根基都已撑持;
websql API主要包罗三个核心要领：

* openDatabase : 这个要领使用现有数据库或创建新数据库创建数据库东西。 * transaction : 这个要领允许我们按照情况控制事务提交或回滚。 * executeSql : 这个要领用于执行真实的SQL盘问。 indexDB

IndexedDB是一个为了能够在客户端存储可不雅观数量的布局化数据，并且在这些数据上使用 大专栏  WEB端缓存机制索引进行高性能检索的 API。虽然DOM存储，对付存储少量数据长短常有用的，但是它对大量布局化数据的存储就显得力不从心了。IndexedDB 则供给了这样的一个解决方案。
IndexedDB 分袂为同步和异步访谒供给了单独的 API 。同步 API 原来是要用于仅供 Web Workers 内部使用，但是还没有被任何浏览器所实现。异步 API 在 Web Workers 内部和外部都可以使用，此外浏览器可能对indexDB有50M巨细的限制，一般用户生存大量用户数据并要求数据之间有搜索需要的场景。

cookie

Cookie(或者Cookies)，指一般网站为了鉴别用户身份、进行session跟踪而储存在用户本地终端上的数据(凡是颠末加密)。cookie一般通过http请求中在头部一起发送随处事器端。一条cookie记录主要由键、值、域、过期时间、巨细构成，一般用户生存用户的认证信息。cookie最大长度和域名个数由差别浏览器决定，具体如下：浏览器 撑持域名个数 最大长度 IE7以上 50个 4095B Firefox 50个 4097B Opera 30个 4096B Safari/WebKit 无限制 4097B
差别域名之间的cookie信息是独立的，如果需要设置共享可以在处事器端设置cookie的path和domain来实现共享。浏览器端也可以通过document.cookie来获取cookie，并通过js浏览器端也可以便利地读取/设置cookie的值。

localstorage