quick.storage

建议使用封装库cache,可检查当前环境是否支持storage存储, 比如苹果的无痕浏览器,不支持storage存储,将自动转为cookie存储

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

storage.local 浏览器存储

  • localStorage 生命周期是永久

local.setItem 写入缓存

 /**
   * 写入缓存
   * @param {string} key 关键词
   * @param {object} content 内容
   */
  setItem: (key, content) => {},
1
2
3
4
5
6

local.getItem 读取缓存

  /**
   * 读取缓存
   * @param {string} key 关键词
   */
  getItem: (key) => {},
1
2
3
4
5

local.removeItem 删除缓存

  /**
   * 异步移除存储关键字内容
   *  @param {string} key 关键词
   */
  removeItem: (key) => {},
1
2
3
4
5

local.clear 清空缓存

  /**
   * 清空本地存储
   */
  clear: () => {},
1
2
3
4

storage.session 当前会话存储

-sessionStorage 生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过 sessionStorage 存储的数据也就被清空了

session.setItem 写入当前会话

/**
 * 写入当前会话
 *  @param {string} name 关键词
 */
setItem(name, content);
1
2
3
4
5

session.getItem 读取会话

/**
 * 获取当前会话
 * @param {*} name 存储关键词
 */
getItem(name);
1
2
3
4
5

removeItem 删除当前会话

/**
 * 异步移除存储关键字内容
 *  @param {string} name 关键词
 */
removeItem(name);
1
2
3
4
5

clear 清空当前会话

  /**
   * 清空当前会话
   */
  clear(),
1
2
3
4

Last Updated: