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();