前端常用的三大缓存

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

①原生js

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

  let con=document.cookie.split(";")[0].split('=')

  console.log(con); //['name','张三']

 

 删除cookie

$.removeCookie('name',{ path: '/'});

②使用jquery

首先需要引入jquery.cookie.js

  $.cookie('name','张三')

  console.log($.cookie())//{name: "章撒", age: "章撒1111"}

 

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