个人blog,欢迎关注加收藏
会话缓存:只有页面跟页面之间存在会话关系是才能读写操作,关闭浏览器即清除缓存
sessionStorage:
sessionStorage.setItem(“名字”,储存数据):储存缓存
sessionStorage.getItem(“名字”):读取缓存
sessionStorage.removeItem(“名字”);清除缓存
sessionStorage.clear();//清空所有缓存
本地缓存:浏览器缓存成文件,即使关闭浏览器也不会清除
localStorage:
localStorage.setItem(“名字”,储存数据):储存缓存
localStorage.getItem(“名字”):读取缓存
localStorage.removeItem(“名字”);清除缓存
localStorage.clear();//清空所有缓存
//注意:
写:
缓存的数据必须是字符串类型,如果数据本身是一个对象或者数组的时候,读取时需要用JSON.stringify()进行转换
读:
缓存的数据必须是字符串类型,如果数据本身是一个对象或者数组的时候,读取时需要用JSON.parse()进行转换
注意:项目中数据一般是对象数组,实际上是[],而JSON.parse("[{},{},{}]")得到的是一个对象,element表格中data属性需求绑定的是数组
所以必须进行转换:
()=>{
let temp = JSON.parse(window.sessionStorage.getItem(name));
let jsonArr = [];
for(let i =0 ;i < temp.length;i++){
jsonArr[i] = temp[i];
}
return jsonArr
}