Need private packages and team management tools?Check out npm Teams »

@angelasu/html5storage

1.0.4 • Public • Published

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

Install

npm i @angelasu/html5storage

DownloadsWeekly Downloads

0

Version

1.0.4

License

MIT

Unpacked Size

13.2 kB

Total Files

7

Last publish

Collaborators

  • avatar