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

浏览器一关,就没有了!

四、小结

相关推荐
西西学代码几秒前
Flutter---框架
前端·flutter
XiaoYu200215 分钟前
第9章 Three.js载入模型GLTF
前端·javascript·three.js
.又是新的一天.21 分钟前
【前端Web开发HTML5+CSS3+移动web视频教程】01 html- 标签之文字排版、图片、链接、音视频
前端·css3·html5
神奇的程序员36 分钟前
开发了一个nginx日志分析面板
前端
pas1361 小时前
19-mini-vue setup $el $data $props
javascript·vue.js·ecmascript
阿拉丁的梦1 小时前
【C4D实用脚本】清除废点及删除了面的选择tag和材质tag及材质--AI编程
服务器·前端·材质
傅里叶1 小时前
Flutter移动端获取相机内参
前端·flutter
哒哒哒5285201 小时前
React useMemo 大白话用法文档(含注意项)
前端
xkxnq1 小时前
第一阶段:Vue 基础入门(第 10 天)
前端·javascript·vue.js
智商偏低1 小时前
abp PermissionDefinitionManager源码解析
开发语言·前端·javascript