储存机制localStorage、sessionStorage

个人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

}