indexed的使用

小糊涂加油

于 2024-11-25 17:58:00 发布

阅读量218

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.csdn.net/Elaine20132014/article/details/144029209

今天碰到了localstorage容量不够用的问题；改用indexdb来扩容；

那么就来总结下 cookie、session、localstorage、indexdb的容量问题。

使用插件localforage，api和localstorage没大的区别，主要就异步操作。

npm install localforage

import localforage from 'localforage'
const indexdb = localforage.createInstance({ name: 'indexdb' })
export const setdbItem = (k, v) => {
    indexdb.setItem(k, JSON.stringify(v))
        .then(res => console.log('indexdb数据更新成功'))
        .catch(e => console.log('indexdb数据更新失败', e))
}
export const getdbItem = (k) => {
    return new Promise((resolve, reject) => {
        indexdb.getItem(k)
            .then(res => {
                console.log('indexdb获取数据成功');
                resolve(JSON.parse(res))
            })
            .catch(e => {
                console.log('indexdb获取数据失败', e);
                resolve('')
            })
    })
}
export const deldbItem = (k) => { indexdb.removeItem(k) }
export const cleardb = () => { indexdb.clear() }



setdbItem('XXX', data)
let res = await getdbItem('manageArea')