欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

储存机制localStorage、sessionStorage

程序员文章站 2022-06-10 12:51:49
...

会话缓存:只有页面跟页面之间存在会话关系是才能读写操作,关闭浏览器即清除缓存

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

}