本地存储之localStorage

基本使用

使用方式超级简单,可以自己在浏览器控制台试一试:

//赋值
localStorage.setItem(key, value);

//获取值
localStorage.getItem(key);

//删除
localStorage.removeItem(key);

 如下:

本地存储之localStorage

 

 本地存储之localStorage

 注意事项

保存对象,会转换成字符串再保存(也就是会将对象执行一次 obj.toString() 的操作)

 本地存储之localStorage

数组也是一样会转换成字符串类型

本地存储之localStorage

 如果要保存对象,可以使用 JSON.stringify 转换,JSON.parse 解析

let str = JSON.stringify({key: "test"});
localStorage.setItem(‘obj‘, str);
JSON.parse(localStorage.getItem(‘obj‘));

本地存储之localStorage

 

存储特性

1、不可以跨域

2、页面关闭后,localStorage数据不会删除

 

使用场景

一些非关键信息可以保存在localStorage中,比如用户上一次登录时间,上一次某个操作的时间

通过localStorage的数据可以推送信息,比如一周推送一次某个信息,保存这一次推送的时间,那用户这周再一次进入这个网站就不需要推送了,因为后台去记录这些信息也没有很大必要,如果用户数大的话,记录这些数据是十分占空间的,而且查询这些数据也是一种开销

还有一些桌面应用 也可以使用 localStorage 来记录一些数据,比如最近查看的内容,常用工具等

 

本地存储之localStorage

上一篇:@Valid 校验嵌套对象


下一篇:swagger