Licence
MIT
Version
1.0.2
Deps
1
Size
234 kB
Vulns
0
Weekly
0
FrontEndCache
统一前端浏览器缓存管理，支持 cookie、localStorage、sessionStorage。
文档
语法：new FrontEndCache<ValueType>(key[, options]);
key
当前缓存对象的 key，可以通过 options.encryKey 对其加密。
options 属性
| 参数 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| type | localStorage | sessionStorage | cookie |
localStorage | 类型 | |
| domain | string | location.hostname | 仅仅 type=cookie注意和 原生 cookie 的区分，默认不是当前 path |
|
| domain | string | / | 同 cookie 的 path 配置 |
|
| expires | number | - | 过期时间，默认单位 seconds 针对 sessionStorage 和 cookie 默认值为当前会话 针对 localStorage 默认值为 永久 |
|
| expiresUnit | years | months | days | hours | minutes | seconds |
seconds | 过期时间单位 | |
| secure | boolean | false | 仅仅 type=cookie |
|
| serialize | boolean | true | 是否序通过 JSON.stringify 列化 value 数如果为 cookie 还会通过 encodeURIComponent 一次 JSON.stringify 后的数据仅在 value 类型为 string 的时候可以禁用序列化，但同样会调用 encodeURIComponent |
|
| encryKey | (key: string) => string |
- | 加密 key 的函数需要注意如果 type = 'cookie', 最终的 key 也会 encodeURIComponent |
使用
/** cache.ts */
import FrontEndCache from 'front-end-cache';
export const accessToken = new FrontEndCache<string>('ACCESS_TOKEN', { type: 'cookie', serialize: false });
export const userinfoCache = new FrontEndCache<UserInfoModel>('PROJECTNAME_USERINFO_CACHE');
/** more cache */import { userinfoCache } from 'utils/cache.ts';
userinfoCache.setItem({ id: 1, name: 'xxx' });
userinfoCache.getItem();