前端常用的三大缓存

1.cookie(客户端，数据不能超过4k,关闭浏览器后缓存失效)

①原生js

  document.cookie="name" + "=" + '张三' + ";"

  let con=document.cookie.split(";")[0].split('=')   console.log(con); //['name','张三']   ②使用jquery 首先需要引入jquery.cookie.js(在日记中)   $.cookie('name','张三')   console.log($.cookie())//{name: "章撒", age: "章撒1111"}  删除cookie $.removeCookie('name',{ path: '/'});   2.sessionStorage（时效性为一段时间）  sessionStorage.setItem("password", "123456789");  console.log(sessionStorage.getItem("password")) //123456789   3.localStorage（时效性为永久）    需注意storage必须是字符串   多条数据时：

localStorage.jsonTest = JSON.stringify({
    a: 'hello',
    b: 'zero'
});

console.log(JSON.parse(localStorage.jsonTest).a);

单条数据时:
localStorage.a = 'hello';
console.log(localStorage.a);