缓存

一、Cookie

Cookie是一些数据，存储于电脑上的文本文件中 作用就是用于解决“如何记录客户端的用户信息” 当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息

当用户访问web页面时，他的名字可以记录在cookie中
在用户下一次访问该页面时，可以在cookie中读取用户访问记录
cookie缓存存在有效期
Js里简单创建cookie

document.cookie=“tiantian”;

为cookie添加一个过期时间（以UTC或GMT时间），默认情况下，cookie在浏览器关闭时删除
设置有效期：

document.cookie="tiantian";
var date=new Date();
console.log(date);
document.cookie="username=tiantian;expires=Mon Mar 16 2020 23:41:45 GMT+0800 "

读取cookie：

console.log(document.cookie);

删除cookie：只需修改当前cookie的有效期
设置有效期时间为：Thu，01 Jan 1970 00:00:00 GMT 自动过期
如果设置的是中国标准时间 GTM时间要在中国标准时间上 -8
UTC时间直接使用

document.cookie=“username=;expires=Thu，01 Jan 1970 00:00:00 GMT”;

二、HTML5缓存 Storage缓存
localStorage 本地电脑缓存 永久性（除非删除）
sessionStorage 浏览器客户端缓存 客户端（当前窗口）关闭之后就会删除（临时存储）

html5 缓存 存储的数据量比较大 cookie存储的数据量较小

session临时缓存（sessionStorage)
设置缓存：键和值

sessionStorage.setItem(“username”,“tiantian”);

读取缓存：

console.log(sessionStorage.getItem（“username”）);

清除缓存：

sessionStorage.clear();

根据键移除缓存：

sessionStorage.removeItem(“username”);

读取session集合的数据长度

console.log( sessionStorage.length);

根据存储的索引 返回 对应的键：

console.log( sessionStorage.key(0));

存储的顺序是依次往上存储