前端常用的三大缓存

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);