前端暂时存放数据localStorage、sessionStorage

设置单个数据

localStorage.setItem(key,value);

获取单个数据

localStorage.getItem(key);

获取所有数据

localStorage.valueOf();

删除单个

localStorage.removeItem("xxx")

清空

sessionStorage.clear()

获取所有key

var sessionKeys = Object.keys(sessionStorage)

循环示例

var sessionKeys = Object.keys(sessionStorage)
for (var i=0;i<sessionKeys.length;i++) {
    
    
    //可以对key 进行分析从而决定是否要删除sessionStorage 里的缓存
    console.log(sessionStorage.getItem(sessionKeys[i]))
}

示例（逐行执行）

sessionStorage.setItem('1',new Date().getHours()+'-'+new Date().getMinutes()+'-'+new Date().getSeconds());
sessionStorage.setItem('2',new Date().getHours()+'-'+new Date().getMinutes()+'-'+new Date().getSeconds());
sessionStorage.setItem('3',new Date().getHours()+'-'+new Date().getMinutes()+'-'+new Date().getSeconds());
console.log('获取2'+sessionStorage.getItem('2'));
console.log('获取全部'+sessionStorage.valueOf());

localStorage、sessionStorage区别

localStorage、sessionStorage方法一样
localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空。

https://www.uis.cc/2014/11/02/localStorage-sessionStorage/
https://blog.csdn.net/u011565547/article/details/106203808?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link
https://blog.csdn.net/weixin_30527143/article/details/101678449?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link