indexedDB使用方式之localForage

fantesy_b

已于 2023-11-22 16:00:33 修改

阅读量182

点赞数

分类专栏：前端存储文章标签： javascript npm

于 2023-11-21 15:53:05 首次发布

本文链接：https://blog.csdn.net/fantesi/article/details/134532183

版权

前端存储专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了localForage，一个简化IndexedDB操作的库，具有大存储容量、异步处理、跨兼容性的优点。讲解了如何通过createInstance创建实例、存储和读取数据的方法，以及常见的操作如removeItem和clear。

摘要由CSDN通过智能技术生成

localForage是什么

localForage 是基于 indexedDB 封装的库，我们可以通过使用localForage，简化操作IndexedDB，方便使用。

优势

存储量大 ，百兆级，或者无限；
使用方便 ，无需序列化，异步方式；
兼容性好 ，默认使用IndexedDB，不支持会使用WebSQL或 localStorage；兼容性

使用方式

引入
```
import localforage from 'localforage'
```

多实例

var store = localforage.createInstance({
  name: "nameHere"
});

var otherStore = localforage.createInstance({
  name: "otherName"
});

// Setting the key on one of these doesn't affect the other.
store.setItem("key1", {a:1});
otherStore.setItem("key2", "123123");

读取

store.getItem('key1').then(function (value) {
  // we got our value
}).catch(function (err) {
  // we got an error
});

// 或者
try {
    const value = await otherStore.getItem('key2');
    // This code runs once the value has been loaded
    // from the offline store.
    console.log(value);
} catch (err) {
    // This code runs if there were any errors.
    console.log(err);
}