localStorage 知识点

今天药忘吃喽~ 2021-09-17 15:54 390阅读 0赞

先补充下localStorage 知识点：  
**JS对象**  
**读取形式：**  
localStorage.name  
**添加/修改**  
localStorage.name = "xuanyuan"  
其中"xuanyuan"只能是字符串形式（目前为止只支持字符串）。所以存储时是JSON对象时需要执行下JSON.stringify，所以获取时需要执行下JSON.parse  
**删除**  
detele localStorage.name

**API**  
**获取键值对数量**  
localStorage.length  
**读取**  
localStorage.getItem('name'), localStorage.key(i)  
**添加/修改**  
localStorage.setItem('name','xuanyuan')  
**删除对应键值**  
localStorage.removeItem('name')  
**删除所有数据**  
localStorage.clear()

顺便说下，localStorage有效期是永久的。一般的浏览器能存储的是5MB左右。sessionStorage api与localStorage相同。  
sessionStorage默认的有效期是浏览器的会话时间（也就是说标签页关闭后就消失了）。  
localStorage作用域是协议、主机名、端口。（理论上，不人为的删除，一直存在设备中）  
sessionStorage作用域是窗口、协议、主机名、端口。

知道了这些知识点后，你的问题就很好解决了。  
localStorage是window上的。所以不需要写this.localStorage，你这里的this，是指vue实例。  
**方案一、**  
// 这里写的答案是指`data.body.data`是JSON。不是JSON则不需要JSON.parse和JSON.stringify  
存储：localStorage.data = JSON.stringify(data.body.data);  
获取：JSON.parse(localStorage.data);  
**方案二、**  
存储：localStorage.setItem('data',JSON.stringify(data.body.data));  
获取：JSON.parse(localStorage.getItem('data'));

发表评论取消回复

表情：

评论列表（有 0 条评论，390人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java知识点（知识点）

1、简述Java的特点面向对象、跨平台性、健壮性、安全性、可移植性、多线程性、动态性等。 2、简述JRE与JDK的区别 JRE（Java Runtime Envir

ゝ一纸荒年。/ 2024年04月07日 14:31/ 0 赞/ 294 阅读

相关 localStorage 前端本地缓存相关知识

window.localStorage：　　体积5M，据说未来还会增大　　生命周期，只要不清都在设置：localStorage.setItem( ' key ' ,

待我称王封你为后i/ 2023年06月23日 03:57/ 0 赞/ 19 阅读

相关知识点

CAS单点登录： [https://github.com/Authing/AuthingSSO/blob/master/src/lib/gql/queryOAuthAppIn

ゝ一纸荒年。/ 2023年02月13日 05:42/ 0 赞/ 106 阅读

相关知识点

1、memcached、redis区别，优缺点，用法 2、nio、MINA、 3、java集合包、并发包、sort、Comparator 4、设计模式；模板模式、动态代理

拼搏现实的明天。/ 2022年08月10日 09:35/ 0 赞/ 397 阅读

相关浅析cookie、sessionStorage 和 localStorage异同点

共同点：都是保存在浏览器端，且同源的。不同点： ①　数据传递 cookie数据始终在同源的http请求中携带（即使不需要），即会在浏览器和服务器间来回传递。

矫情吗；*/ 2022年05月27日 05:29/ 0 赞/ 322 阅读

相关知识点

类型是比值更重要的东西 get请求是读东西，post请求时发东西。一个小技巧，如果你想把一个string变成number，减一个数就行了。 JS有一些潜规则，

Myth丶恋晨/ 2022年05月01日 13:20/ 0 赞/ 490 阅读

相关关于localStorage和sessionStorage的一些注意点

文章目录超出存储容量时会抛出异常存储类型只能为字符串 sessionStorage的失效机制超出存储容量时会抛出异常 `localStor

刺骨的言语ヽ痛彻心扉/ 2022年02月28日 07:48/ 0 赞/ 754 阅读

相关 localStorage 本地存储的相关知识点总结（页面登录注册功能的简单实现）

1、什么是localStorage 用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStora

向右看齐/ 2022年01月10日 05:55/ 0 赞/ 717 阅读

相关 localStorage 知识点

先补充下localStorage 知识点： JS对象读取形式： localStorage.name 添加/修改 localStorage.name = "

今天药忘吃喽~/ 2021年09月17日 15:54/ 0 赞/ 391 阅读

相关 localStorage

一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决...

灰太狼/ 2021年03月25日 15:45/ 0 赞/ 578 阅读