美文网首页
Cache缓存管理模块使用说明

Cache缓存管理模块使用说明

作者: Spikef | 来源:发表于2016-12-22 12:02 被阅读0次

通用的缓存模块, 支持cookie, localStorage, sessionStorage。

只能在支持ES5的浏览器(>=IE9)上使用。

快速开始

如果引入了jQuery, 则该模块将附加到jQuery上, 否则直接附加到window对象上。

// 已引入jQuery的情况
$.Cache.set('user', {
    id: 10,
    name: '王重阳'
}, 0);

console.log($.Cache.get('user'));

/** outputs:
{
    id: 10,
    name: '王重阳'
}
*/
// 未引入jQuery的情况
Cache.set('user', {
    id: 10,
    name: '王重阳'
}, 0);

console.log(Cache.get('user'));

/** outputs:
{
    id: 10,
    name: '王重阳'
}
*/

属性

appId

缓存唯一应用标记, 用于区分不同网站。

version

缓存版本标记, 用于强制用户已有缓存失效。

方法

set(key, value, expire, options)

写入缓存, 参数说明如下:

key

键名, 缓存参数名称

value

键值, 缓存内容, 可以是: 字符串、数字、布尔值、数组、json

expire

过期时间, 该参数情况比较复杂, 说明如下:

  • 如果未指定该参数(undefined), 则缓存为sessionStorage

  • 如果参数为数字, 则为到期时间的时间戳

  • 如果参数为0, 则表示永不过期

  • 如果参数为字符串, 则表示缓存的有效时间, 如: 1y表示一年, 可以用的时间单位有y(年)、m(月)、d(日)、h(时)、n(分)、s(秒)

options

如果指定该参数(不为undefined), 则表示使用cookie存储

  • options.path: cookie存储的path, 默认为'/'
  • options.cross: 是否允许跨子域, 默认为true

get(key)

读取指定缓存, 按照先cookie -> localStorage -> sessionStorage的顺序自动读取。

remove(key)

删除指定缓存,该方法将删除cookie、localStorage和sessionStorage中所有匹配的缓存数据。

clear()

清空缓存,该方法将清空cookie、localStorage和sessionStorage中所有以appId开头的缓存数据。

相关文章

网友评论

      本文标题:Cache缓存管理模块使用说明

      本文链接:https://www.haomeiwen.com/subject/rqncvttx.html