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一样!

浏览器一关,就没有了!

四、小结

相关推荐
0wioiw04 分钟前
Flutter基础(前端教程④-组件拼接)
前端·flutter
花生侠29 分钟前
记录:前端项目使用pnpm+husky(v9)+commitlint,提交代码格式化校验
前端
一涯36 分钟前
Cursor操作面板改为垂直
前端
我要让全世界知道我很低调43 分钟前
记一次 Vite 下的白屏优化
前端·css
1undefined244 分钟前
element中的Table改造成虚拟列表,并封装成hooks
前端·javascript·vue.js
paopaokaka_luck1 小时前
基于SpringBoot+Vue的非遗文化传承管理系统(websocket即时通讯、协同过滤算法、支付宝沙盒支付、可分享链接、功能量非常大)
java·数据库·vue.js·spring boot·后端·spring·小程序
蓝倾1 小时前
淘宝批量获取商品SKU实战案例
前端·后端·api
comelong1 小时前
Docker容器启动postgres端口映射失败问题
前端
花海如潮淹1 小时前
硬件产品研发管理工具实战指南
前端·python