quick.storage
建议使用封装库cache,可检查当前环境是否支持storage存储, 比如苹果的无痕浏览器,不支持storage存储,将自动转为cookie存储
localStorage、sessionStorage 是 Html5 的特性,IE7 以下浏览器不支持
quick.storage 使用
>{}
let data = {
id: 999,
name: '测试存储',
};
let _key = 'lib_test';
let obj = {
setlocal: storage.local.setItem(_key + '_json', JSON.stringify(data)),
getlocal: storage.local.getItem(_key + '_json'),
setsession: storage.session.setItem(_key, JSON.stringify(data)),
getsession: storage.session.getItem(_key),
};
// storage.local.clear();
// storage.session.clear();
// storage.local.removeItem(_key + '_json');
// storage.session.removeItem(_key);
return obj;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
storage.local 浏览器存储
- localStorage 生命周期是永久
local.setItem 写入缓存
/**
* 写入缓存
* @param {string} key 关键词
* @param {object} content 内容
*/
setItem: (key, content) => {},
1
2
3
4
5
6
2
3
4
5
6
local.getItem 读取缓存
/**
* 读取缓存
* @param {string} key 关键词
*/
getItem: (key) => {},
1
2
3
4
5
2
3
4
5
local.removeItem 删除缓存
/**
* 异步移除存储关键字内容
* @param {string} key 关键词
*/
removeItem: (key) => {},
1
2
3
4
5
2
3
4
5
local.clear 清空缓存
/**
* 清空本地存储
*/
clear: () => {},
1
2
3
4
2
3
4
storage.session 当前会话存储
-sessionStorage 生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过 sessionStorage 存储的数据也就被清空了
session.setItem 写入当前会话
/**
* 写入当前会话
* @param {string} name 关键词
*/
setItem(name, content);
1
2
3
4
5
2
3
4
5
session.getItem 读取会话
/**
* 获取当前会话
* @param {*} name 存储关键词
*/
getItem(name);
1
2
3
4
5
2
3
4
5
removeItem 删除当前会话
/**
* 异步移除存储关键字内容
* @param {string} name 关键词
*/
removeItem(name);
1
2
3
4
5
2
3
4
5
clear 清空当前会话
/**
* 清空当前会话
*/
clear(),
1
2
3
4
2
3
4
Quick 文档 0.2.3