基于 localStoage
sessionStorage
js-cookie
的本地缓存
使用 npm:
npm install js-cookie xy-storage -S
使用 jsDelivr CDN:
<script src="https://cdn.jsdelivr.net/npm/js-cookie/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xy-storage/dist/index.min.js"></script>
import XYStorage from "xy-storage";
const options = {};
const storage = {
local: new XYStorage({
...options,
name: "local"
}),
session: new XYStorage({
...options,
name: "session"
}),
cookie: new XYStorage({
...options,
name: "cookie"
})
};
storage.local.setItem(key, value);
storage.local.getItem(key);
storage.local.removeItem(key);
storage.local.clear();
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
namespace | 命名空间,添加到 key 前 |
string |
- |
name | 储存方式 | string |
local |
value | 储存内容 |
string object boolean
|
- |
default | 未获取到值时的返回值 |
string object boolean
|
null |
attrs | 属性,详见 attrs | object |
- |
名称 | 说明 | 适用于 | 类型 | 默认值 |
---|---|---|---|---|
expires | 有效期。类型为 number 时,单位为天 |
local cookie
|
number Date
|
- |
path | 储存路径 | cookie |
string |
- |
domain | 域名 | cookie |
string |
- |
secure | 是否需要安全协议 | cookie |
boolean |
false |
setItem(key[, attrs])
getItem(key[, def])
removeItem(key)
clear()