新手学习两种不同的存储方式(不喜勿喷)

复制代码
localStorage.setItem('sid',res.info.id)
						console.log('sid',res.info.id)
						sessionStorage.setItem('uid',res.info.id)

sid和uid,也可以写其他的只来替代;而res.info.id是接口的数据可替换成自己的

一次性传的id值刷新页面就没有

永久性传的id

这是Javascript中的本地存储操作,使用了两种不同的存储方式:localStorage和sessionStorage。localStorage是HTML5中的一个新特性,用于在浏览器中存储数据,这些数据将一直保存下去,直到被手动清除。sessionStorage也是HTML5中的一个新特性,用于在浏览器中存储数据,但是只在当前会话中有效,当用户关闭浏览器窗口时,存储的数据将被清除。

localStorage.setItem('sid',res.info.id)用于将一个key-value键值对存储到localStorage中,其中'sid'是键名,res.info.id是键值。这段代码将用户的id存储到了localStorage中。

console.log('sid',res.info.id)用于打印调试信息,将'sid'和用户id打印到控制台中,以便开发人员进行调试。

sessionStorage.setItem('uid',res.info.id)用于将一个key-value键值对存储到sessionStorage中,其中'uid'是键名,res.info.id是键值。这段代码将用户的id存储到了sessionStorage中。

相关推荐
李鸿耀10 分钟前
Flex 布局下文字省略不生效?原因其实很简单
前端
皮蛋瘦肉粥_1211 小时前
pink老师html5+css3day06
前端·css3·html5
华仔啊6 小时前
前端必看!12个JS神级简写技巧,代码效率直接飙升80%,告别加班!
前端·javascript
excel6 小时前
dep.ts 逐行解读
前端·javascript·vue.js
爱上妖精的尾巴6 小时前
5-20 WPS JS宏 every与some数组的[与或]迭代(数组的逻辑判断)
开发语言·前端·javascript·wps·js宏·jsa
就叫飞六吧6 小时前
基于汇编实现led点灯-51单片机-stc89c52rc
嵌入式硬件·学习
excel6 小时前
Vue3 响应式核心源码全解析:Dep、Link 与 track/trigger 完整执行机制详解
前端
Larry_Yanan6 小时前
QML学习笔记(二十四)QML的Keys附加属性
c++·笔记·qt·学习·ui
前端大卫6 小时前
一个关于时区的线上问题
前端·javascript·vue.js
Chunyyyen6 小时前
【第十六周】自然语言处理的学习笔记01
笔记·学习·自然语言处理