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

浏览器一关,就没有了!

四、小结

相关推荐
海市公约14 小时前
HTML网页开发从入门到精通:从标签到表单的完整指南
前端·ide·vscode·程序人生·架构·前端框架·html
行云流水62615 小时前
前端树形结构实现勾选,半勾选,取消勾选。
前端·算法
diudiu_3315 小时前
web漏洞--认证缺陷
java·前端·网络
阿珊和她的猫15 小时前
<video>` 和 `<audio>` 标签的常用属性解析
前端
LSL666_16 小时前
4 jQuery、JavaScript 作用域、闭包与 DOM 事件绑定
前端·javascript·html
yinuo16 小时前
前端跨页面通讯终极指南⑤:window.name 用法全解析
前端
小飞侠在吗16 小时前
vue computed 和 watch
前端·javascript·vue.js
yinuo16 小时前
前端跨页面通讯终极指南④:MessageChannel 用法全解析
前端
前端布鲁伊16 小时前
聊聊前端容易翻车的“环境管理”
前端·面试
毕设十刻17 小时前
基于Vue的考勤管理系统8n7j8(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js