4.0.0-alpha.5 • Published 6 years ago
storage-web v4.0.0-alpha.5
storage-web
对 web 端的 storage 操作,自动解析数据类型,支持 storage 过期时间设置,支持 Vue.js
目录
对比
设置参数类型 | localStorage.getItem 获取到的类型 | storage-web 获取到的类型 |
---|---|---|
无 | 😃 Null | 😃 Null |
Number | 😰 String | 😃 Number |
String | 😃 String | 😃 String |
Object | 😰 String | 😃 Object |
Array | 😰 String | 😃 Array |
Boolean | 😰 String | 😃 Boolean |
Undefined | 😰 String | 🤩 Null |
Null | 😰 String | 😃 Null |
安装
yarn add storage-web
默认参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
use | 使用的 storage 类型 | String | l/local/localStorage/s/session/sessionStorage | local |
pre | 前缀 | String | - | - |
expire | 过期时间,从当前开始 | Number | - | - |
基本使用
import Storages from 'storage-web'
Storages.set('store', {}, {
use: 'session',
pre: 'pre_',
expire: 24 * 60 * 60 * 1000
})
// 或
Storages.set('store', {}, {
use: 'session'
})
在vue中使用
import Storages from 'storage-web'
// 挂载到原型链上
Vue.prototype.$storage = Storages
// Vue 中设置默认参数
this.$storage.defaults['use'] = 'local'
this.$storage.defaults['pre'] = 'pre_'
this.$storage.defaults['expire'] = 24 * 60 * 60 * 1000
// 用 this.$storage 代替 Storages 即可,如:
this.$storage.get('store')
get
获取
import Storages from 'storage-web'
Storages.get('store') // localStorage
Storages.get('store', { // sessionStorage
use: 's'
})
Storages.get('store', { // sessionStorage
use: 'session'
})
Storages.get('store', { // sessionStorage
use: 'sessionStorage'
})
Storages.get('store', { // sessionStorage name: pre_store
use: 's',
pre: 'pre_'
})
Storages.getOnce('store') // 获取即销毁
set
设置
import Storages from 'storage-web'
// 支持类型 String,Number,Boolean,Array,Object,Null,Undefined...
let storeValue = {
store_id: 1,
store_name: 'Tmall'
}
Storages.set('store', storeValue, {
use: 's',
pre: 'pre_',
expire: 24 * 60 * 60 * 1000
})
Storages.set([
{
key: 'store',
value: storeValue
}
], {
use: 's',
pre: 'pre_',
expire: 24 * 60 * 60 * 1000
})
remove
移除
import Storages from 'storage-web'
Storages.remove('store')
Storages.remove(['store', 'token'])
clear
清空
import Storages from 'storage-web'
Storages.clear({ // 清空 localStorage 和 sessionStorage 下所有以 'pre_' 开头的
pre: 'pre_'
})
Storages.clear() // 清空所有 localStorage 和 sessionStorage
4.0.0-alpha.5
6 years ago
4.0.0-alpha.4
6 years ago
4.0.0-alpha.3
6 years ago
4.0.0-alpha.2
6 years ago
4.0.0-alpha.1
6 years ago
3.0.0-alpha.3
7 years ago
3.0.0-alpha.2
7 years ago
3.0.0-alpha.1
7 years ago
3.0.0-alpha.0
7 years ago
2.1.2
7 years ago
2.1.1
7 years ago
2.1.0
7 years ago
2.0.16
7 years ago
2.0.15
7 years ago
2.0.14
7 years ago
2.0.13
7 years ago
2.0.12
7 years ago
2.0.11
7 years ago
2.0.10
7 years ago
2.0.9
7 years ago
2.0.8
7 years ago
2.0.7
7 years ago
2.0.6
7 years ago
2.0.5
7 years ago
2.0.4
7 years ago
2.0.3
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago