@angelasu/html5storage

html5storage

封装一个localstorage的插件 🍵

安装

使用npm

npm install @angelasu/html5storage --save

使用yarn

yarn add @angelasu/html5storage --save

API

这里的api主要就是localstorage的交互方式。

使用方式

直接使用json，添加过期时间

例子

const LocalStorage = new Html5Storage()

const storageSession = new Html5Storage('sessionStorage')

set(key, val, option)

添加/修改数据，key（缓存的key），val（缓存的val），option（可选，过期时间）

例子

 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)})

get(key)

获取数据， key（缓存的key）

例子

LocalStorage.get('token')

remove(key)

删除缓存的数据 返回key

例子

LocalStorage.remove('token')

clearExpires()

清空所有过期的缓存数据

clear()

清空所有缓存数据, 也包含通过原始storage API添加的缓存

reset(key, option)

重置过期时间

例子

LocalStorage.reset('token', {hour: 2})

replace(key)

重置value, 过期时间不变

例子

LocalStorage.replace('token', '22222')

add(key, val, option)

当key不存在或过期了才添加缓存数据

例子

LocalStorage.add('token', '123456');
LocalStorage.add('token', '123456', {day: 1});

License

MIT