localForage 前端储存库

介绍

localForage 通过简单类似 localStorage API 进行异步存储。优先使用 IndexedDB 进行存储,可以存储较大数据,也能存储多种类型的数据,而不仅仅是字符串。

它有一个优雅降级策略,若浏览器不支持 IndexedDB 或 WebSQL,则使用 localStorage。

https://localforage.docschina.org/

使用

// 不同于 localStorage,可以存储非字符串类型
localforage.setItem('my array', [1, 2, 'three']).then(function(value) {
    // 如下输出 `1`
    console.log(value[0]);
}).catch(function(err) {
    // 当出错时,此处代码运行
    console.log(err);
});

localforage.getItem('somekey').then(function(value) {
    // 当离线仓库中的值被载入时,此处代码运行
    console.log(value);
}).catch(function(err) {
    // 当出错时,此处代码运行
    console.log(err);
});

localforage.removeItem('somekey').then(function() {
    // 当值被移除后,此处代码运行
    console.log('Key is cleared!');
}).catch(function(err) {
    // 当出错时,此处代码运行
    console.log(err);
});
本文收录于专栏
收集一些好用的前端开源库,主要是 npm 包