@angelasu/html5storage
Version:
> 封装一个localstorage的插件 🍵
103 lines (66 loc) • 1.56 kB
Markdown
> 封装一个localstorage的插件 🍵
使用npm
```bash
npm install @angelasu/html5storage --save
```
使用yarn
```bash
yarn add @angelasu/html5storage --save
```
这里的api主要就是localstorage的交互方式。
直接使用json,添加过期时间
```js
const LocalStorage = new Html5Storage()
const storageSession = new Html5Storage('sessionStorage')
```
添加/修改数据,key(缓存的key),val(缓存的val),option(可选,过期时间)
```js
LocalStorage.set('token', '123'),
LocalStorage.set('token', '123', {day: 1}),
LocalStorage.set('token', '123', {exp: 24 * 3600}),
LocalStorage.set('token', '123', {exp: new Date(2019, 1, 22)})
```
获取数据, key(缓存的key)
```js
LocalStorage.get('token')
```
删除缓存的数据 返回key
```js
LocalStorage.remove('token')
```
清空所有过期的缓存数据
清空所有缓存数据, 也包含通过原始storage API添加的缓存
重置过期时间
```js
LocalStorage.reset('token', {hour: 2})
```
重置value, 过期时间不变
```js
LocalStorage.replace('token', '22222')
```
当key不存在或过期了才添加缓存数据
```js
LocalStorage.add('token', '123456');
LocalStorage.add('token', '123456', {day: 1});
```
MIT