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

浏览器一关,就没有了!

四、小结

相关推荐
春风得意之时6 分钟前
前端安装项目出现代理问题和ssl认证问题
前端·网络协议·ssl
问心无愧051311 分钟前
ctf show web入门109
android·前端·笔记
粉末的沉淀20 分钟前
vue:Vite项目中高效管理纯色SVG图标的方案
前端·javascript·vue.js
卤蛋fg621 分钟前
vxe-table 列宽与行高拖拽调整:让表格布局极其灵活,拖拽功能非常强大
vue.js
dotnet9033 分钟前
PDF 页面尺寸上限是 14400。iText 直接加载成功的大图可能超过这个限制,需要在 setPageSize 之前等比缩放。
前端·javascript·html
threelab34 分钟前
Three.js 几何图形变换 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
道友可好35 分钟前
写给 AI 的入职手册,AGENTS.md
前端·人工智能·后端
吠品43 分钟前
处理 Python 类继承中那些变来变去的初始化参数
linux·前端·python
云水一下1 小时前
TypeScript 从零基础到精通(七):从配置到全栈项目落地
前端·javascript·typescript
向日的葵0061 小时前
Vue 路由传参的三种方式(三)
vue.js·路由