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

浏览器一关,就没有了!

四、小结

相关推荐
柳杉13 小时前
别再手抠特效帧了:一个能"看图改图"的像素特效库 + Claude Code Skill
前端·javascript
xixingzhe213 小时前
本地桌面客户端入门开发
前端
不磕了还不行13 小时前
用 Vue + Element UI 把元宝搜索的返回值做成“能点开检查的证据卡片”
前端·vue.js·ui
Csvn1 天前
WASM
前端
修己xj1 天前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing031 天前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿1 天前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
moshuying1 天前
网购能买Token了!
前端
h_65432101 天前
echarts实现柱状图加一条横线
前端·echarts
风骏时光牛马1 天前
生成一个后端标题,只需要一个标题,不需要其他的任何文本。
前端