Vue54-浏览器的本地存储webStorage

一、本地存储localStorage的作用

二、本地存储的代码实现

2-1、存储数据

注意:

localStorage是window上的函数,所以,可以把window.localStorage直接写成localStorage(直接调用!)

默认调了p.toString()方法。

2-2、读取本地存储

读取一个没有的key,出来的是:null

JSON.parse(null)的结果,也是null!!!

2-3、删除本地存储

2-4、清空本地存储

清空所有的本地存储!

2-5、localStorage清除数据的两种情况

1、调API接口

2、用户主动清除缓存!

三、sessionStorage会话存储

所有的API和localStorage一样!

浏览器一关,就没有了!

四、小结

相关推荐
bearpping6 小时前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
@大迁世界6 小时前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript
January12076 小时前
VBen Admin Select 选择框选中后仍然显示校验错误提示的解决方案
前端·vben
. . . . .6 小时前
前端测试框架:Vitest
前端
xiaotao1316 小时前
什么是 Tailwind CSS
前端·css·css3
战南诚7 小时前
VUE中,keep-alive组件与钩子函数的生命周期
前端·vue.js
发现一只大呆瓜7 小时前
React-彻底搞懂 Redux:从单向数据流到 useReducer 的终极抉择
前端·react.js·面试
霍理迪8 小时前
Vue的响应式和生命周期
前端·javascript·vue.js
李剑一8 小时前
别再瞎写了!Cesium 模型 360° 环绕,4 套源码全公开,项目直接用
前端