IndexedDB与localStorage有何区别？

IndexedDB与localStorage有以下几个关键区别：

1. **数据存储规模**：localStorage的最大容量有限，通常在5MB到10MB左右，而IndexedDB不受此限制，适合存储大型数据集，例如复杂的JSON对象、图像等。

2. **数据结构支持**：localStorage仅保存字符串键值对，不支持复杂的数据结构；而IndexedDB则是一个真正的数据库系统，可以存储索引过的键值对、数组甚至是嵌套的对象，支持更高级的数据查询操作。

3. **持久性**：localStorage的数据会随着浏览会话结束而丢失，如果用户关闭了标签页或清除了缓存，数据会被清除；而IndexedDB在浏览器关闭后依然存在，直到用户主动删除或浏览器清理。

4. **安全性**：localStorage暴露于JavaScript环境中，对于敏感数据可能存在风险；IndexedDB提供了一个隔离的环境，只有经过用户授权的web应用程序才能访问，安全性更高。

5. **API复杂度**：IndexedDB API相对复杂，需要学习更多的概念如事务、索引等，但功能强大；localStorage的API较为简单，更适合简单的数据存储。

6. **跨域限制**：两者都受同源策略影响，但IndexedDB允许在指定条件下跨域访问数据，而localStorage只能在同一源下的不同页面间共享。

总的来说，如果你需要长期存储大量的结构化数据，或者需要支持复杂查询，那么IndexedDB可能是更好的选择。而对于小量、非结构化的数据，或者不需要复杂查询的情况，localStorage就足够用了。