前端缓存

本文档介绍前端缓存相关工具方法，基于浏览器 sessionStorage、localStorage 封装。

缓存概述

• localStorage：持久化存储，数据长期留存，不受浏览器会话生命周期影响，需手动清除；
• sessionStorage：会话级存储，页面刷新数据保留，关闭标签页后数据自动销毁。

sessionStorage 操作

cache_get_session

读取 sessionStorage 缓存数据。

语法

cache_get_session(key)

参数

参数名	类型	必填	说明
key	string	是	缓存键名

示例

var str = cache_get_session('key');
var data = JSON.parse(str);

---

cache_set_session

写入 sessionStorage 缓存数据。

语法

cache_set_session(key, value)

参数

参数名	类型	必填	说明
key	string	是	缓存键名
value	string	是	缓存内容；对象需先用 JSON.stringify 序列化

示例

var data = {
  name: '张三',
  age: 18
};
cache_set_session('key', JSON.stringify(data));

---

cache_remove_session

删除 sessionStorage 指定缓存数据。

语法

cache_remove_session(key)

参数

参数名	类型	必填	说明
key	string	是	缓存键名

localStorage 操作

cache_get_local

读取 localStorage 缓存数据。

语法

cache_get_local(key)

参数

参数名	类型	必填	说明
key	string	是	缓存键名

返回值

返回 key 对应的原始字符串，如需对象需自行通过 JSON.parse 解析。

示例

var str = cache_get_local('key');
var data = JSON.parse(str);

---

cache_set_local

写入 localStorage 缓存数据。

语法

cache_set_local(key, value)

参数

参数名	类型	必填	说明
key	string	是	缓存键名
value	string	是	缓存内容；对象需先用 JSON.stringify 序列化

示例

var data = {
  name: '张三',
  age: 18
};
cache_set_local('key', JSON.stringify(data));

---

cache_remove_local

删除 localStorage 指定缓存数据。

语法

cache_remove_local(key)

参数

参数名	类型	必填	说明
key	string	是	缓存键名