如何使用IndexedDB

中，我们将重点介绍以下内容。

• 为什么我们需要IndexedDB?
• 我们如何在我们的应用程序中使用IndexedDB?
• IndexedDB的功能
• IndexedDB的局限性
• IndexedDB是否适合你的应用程序?

为什么我们需要IndexedDB?

IndexedDB被认为比localStorage更强大!

你知道背后的原因吗?让我们找出答案。

可以存储比localStorage大得多的数据量

没有像 localStorage 这样的特殊限制(介于2.5MB和10MB之间)。最大限制取决于浏览器和磁盘空间。例如，基于Chrome和Chromium的浏览器最多允许80%的磁盘空间。如果你有100GB，则IndexedDB最多可以使用80GB的空间，单个origin最多可以使用60GB。Firefox允许每个origin最多2GB，而Safari允许每个来源最多1GB。

可以存储基于{ key: value }对的任何类型的值

存储不同数据类型的灵活性更高。这不仅意味着字符串，而且还意味着二进制数据(ArrayBuffer对象，Blob对象等)。它使用对象存储在内部保存数据。

提供查找界面

这在其他浏览器存储选项(例如 localStorage 和 sessionStorage)中不可用。

对于不需要持续互联网连接的Web应用程序很有用

IndexedDB对于联机和脱机工作的应用程序都非常有用，例如，它可以用于渐进式Web应用程序(PWA)中的客户端存储。

应用状态可以存储

通过为经常使用的用户存储应用程序状态，可以大大提高应用程序的性能。稍后，应用程序可以与后端服务器同步，并通过延迟加载来更新应用程序。

我们来看看IndexedDB的结构，它可以存储多个数据库。dexedDB的功能

IndexedDB提供了许多特殊的功能，这是其他浏览器存储无法实现的，下面简要说明一些功能。

具有异步API

这使执行昂贵的操作而不会阻塞UI线程，并为用户提供了更好的体验。

支持事务以确保可靠性

如果一个步骤失败，则事务将被取消，数据库将回滚到先前的状态。

支持版本控制

你可以在创建数据库时对其进行版本控制，并在需要时对其进行升级。在IndexedDB中也可以从旧版本迁移到新版本。

私有域

数据库是一个域的私有数据库，因此任何其他网站都不能访问其他网站的 IndexedDB 存储。这也就是所谓的同源策略。

IndexedDB的局限性

到目前为止，IndexedDB似乎很有希望用于客户端存储。然而，有一些值得注意的限制。

• 即使有现代浏览器的支持，但IE等浏览器并没有完全支持。
• 

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!