1.0.8 • Published 11 months ago
dz-storage v1.0.8
dz-storage
更好用的 localStorage 封装,支持几乎所有 Javascript 数据类型的存取,当然 sessionStorage 也是支持的。
😁 即取即用:存值、取值均不需要任何转换
😁 100% 基于 localStorage 纯原生封装
😁 1:1 实现 localStorage api,极致纯粹
😁 100% 同步写法,无需 async 、await
😁 支持 string、number、boolean、null、undefined、NaN、object、Set、Map、bigint、symbol
😁 稳定可靠,测试用例完善,100% 测试覆盖率
😁 超小代码体积,gzip 后不足 1kb
😁 支持 TypeScript
安装
# npm
npm i dz-storage
# pnpm
pnpm add dz-storage
# yarn
yarn add dz-storage使用
import { localStore, sessionStore } from 'dz-storage'
localStore.set('s', 'hello')
localStore.get('s') // 'hello'
localStore.set('n', 123)
localStore.get('n') // 123
localStore.set('b', true)
localStore.get('b') // true
localStore.set('n2', NaN)
localStore.get('n2') // NaN
localStore.set('o', { name: 'zhangsan' })
localStore.get('o') // {name: 'zhangsan'}
localStore.set('a', [{ name: 'zhangsan' }])
localStore.get('a') // [{name: 'zhangsan'}]
localStore.set('s', Symbol.for('Hello world'))
localStore.get('s') // Symbol(Hello world)注意:为保证 symbol 的唯一性,请使用 Symbol.for 来创建。
更多代码示例请查阅 https://blog.csdn.net/dizuncainiao/article/details/134958324
api
| 属性名 | 说明 | 别名 |
|---|---|---|
| set | 同 localStorage.setItem | setItem |
| get | 同 localStorage.getItem | getItem |
| remove | 同 localStorage.removeItem | removeItem |
| clear | 同 localStorage.clear | |
| length | 同 localStorage.length | |
| key | 同 localStorage.key |