博客

介绍三个我们常用的

Local Storage

特点：

1. 只有客户端可以访问
2. 本地永久存储，除非用户从浏览器清除或者使用javascript代码清除，否者不会消失
3. 每个域可以最多存储5MB【个人测试我的chrome版本80.0.3987.132（正式版本）可以存储5.2MB的数据也就是5200000个字节的长度】

使用方法：

// 保存数据到 sessionStorage
localStorage.setItem('key', 'value');
// 如果要传递object或者array之类的话请使用JSON.stringify
localStorage.setItem('key', JSON.stringify({a: 'xx'}))
localStorage.setItem('key', JSON.stringify([1, 2, 3]))

// 从 sessionStorage 获取数据
const data = localStorage.getItem('key');
// 解析obj，arr之类的数据
const objData = JSON.parse(localStorage.getItem('key'));

// 从 sessionStorage 删除保存的数据
localStorage.removeItem('key');

// 从 sessionStorage 删除所有保存的数据
localStorage.clear();

Session Storage

特点：

1. 只有客户端可以访问