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

浏览器一关,就没有了!

四、小结

相关推荐
wordbaby9 小时前
小白也能看懂:小程序 Canvas 给图片添加水印的终极指南
前端·canvas
Mapmost9 小时前
“汛”速响应:流域洪水仿真分析,如何实现淹没过程的精准推演?
前端
梁大虎9 小时前
Electrobun 开发必看:CEF 依赖下载失败?手动解压一招搞定!
前端·javascript·后端
青青家的小灰灰9 小时前
拒绝 Prop Drilling 与隐式耦合:Vue 组件通讯的全景指南与最佳实践
前端·javascript·vue.js
代码老中医9 小时前
我赌5年后,90%的CRUD页面都是AI生成的
前端
bluceli9 小时前
前端监控与错误追踪实战指南:构建稳定应用的终极方案
前端·监控
streaker3039 小时前
多 IDE/Agent 环境下的 Skill 管理方案
前端·javascript·ai编程
Mintopia9 小时前
密集信息展示:表格与布局的取舍与实践指南
前端
牛奶9 小时前
从一行字到改变世界:HTTP这三十年都经历了什么?
前端·http·http3
OpenTiny社区10 小时前
以界面重构文字,GenUI 正式发布!
前端·vue.js·ai编程