设置缓存

Web 存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

window.localStorage.setItem("存储名","存储值");

window.sessionStorage .setItem("存储名","存储值");

由于缓存的存储值为字符串，需要将对象数组值转换为字符串：JSON.stringify(存储值)

window.localStorage.setItem("储存名",JSON.stringify(“存储值”));

window.sessionStorage .setItem("储存名",JSON.stringify(“存储值”));

获取缓存

var list=[];
var 储存名=window.localStorage.getItem("储存名");

if(储存名){
    //字符串转换为JSON对象
    储存名 = JSON.parse(list);

//普通方法
var 储存名=window.localStorage.getItem("储存名");
//打印
console.log(储存名)