探囊取物之前端统一API存取本地数据

前端使用统一的API存取本地的数据，包括localStorage、sessionStorage、indexedDB、cookie、memory、sqlite

模块安装与引用：

npm install @daelui/dogjs --save
import { storeLocal, storeSession, storeDB, storeCookie, storeMemory, storeSqlite } from '@daelui/dogjs/dist/components'

存数据：

// localStorage存数据
storeLocal.setItem('userLocal', { text: '前端统一API存取本地数据' })
// sessionStorage存数据
storeSession.setItem('userSession', { text: '前端统一API存取本地数据' })
// indexedDB存数据
storeDB.setItem('userDB', { text: '前端统一API存取本地数据' })
// cookie存数据
storeCookie.setItem('userCookie', { text: '前端统一API存取本地数据' })
// 内存存数据
storeMemory.setItem('userMemory', { text: '前端统一API存取本地数据' })

取数据：

// localStorage取数据
let userLocal = storeLocal.getItem('userLocal')
// sessionStorage取数据
let userSession = storeSession.getItem('userSession')
// indexedDB取数据
Promise.resolve(storeDB.getItem('userDB')).then(res => {
  let userDB = res
})
// cookie取数据
let userCookie = storeCookie.getItem('userCookie')
// 内存取数据
let userMemory = storeMemory.getItem('userMemory')

清除数据：

// localStorage清除数据
storeLocal.clear('userLocal')
// sessionStorage清除数据
storeSession.clear('userSession')
// indexedDB清除数据
storeDB.clear('userDB')
// cookie清除数据
storeCookie.clear('userCookie')
// 内存清除数据
storeMemory.clear('userMemory')

方法说明：

storeLocal：setItem、getItem、clear // (localStorage类型)
storeSession：setItem、getItem、clear // (sessionStorage类型)
storeDB：setItem{Promise}、getItem{Promise}、clear{Promise} // (indexedDB类型，注意：此为异步调用))
storeCookie：setItem、getItem、clear // (cookie类型，容量低至5KB，悠着点用)
storeMemory：setItem、getItem、clear // (memory类型，当前内存生效,刷新页面失效)
storeSqlite：setItem{Promise}、getItem{Promise}、clear{Promise} // (sqlite类型，注意：此为异步调用且只在移动APP中生效)

低配置云服务器，首次加载速度较慢，请耐心等候

 预览页面：http://www.daelui.com/#/tigerlair/saas/preview/lp8auks9gzth

演练页面：http://www.daelui.com/#/tigerlair/saas/practice/lp8auks9gzth

扫码关注微信