JavaScript 中缓存数据的 5 种主要方法：浏览器缓存：存储最近访问的资源的本地副本，减少加载时间。IndexedDB：一个用于创建和管理本地数据库的 API，提供了事务支持和索引。Web Storage：存储键值对，包括 localStorage（持久存储）和 sessionStorage（仅在当前会话中有效）。内存缓存：临时数据存储在计算机内存中，提供快速读写，但在清空内存或关闭应用程序时数据会丢失。服务端缓存：将数据存储在服务器端，当客户端请求数据时，服务器会从缓存中直接提供数据。
JavaScript 缓存数据的几种方法
在 JavaScript 中，缓存数据是一种优化应用程序性能和用户体验的有效技术。以下是一些主要方法：
浏览器缓存
- 浏览器缓存存储了最近访问过的资源（例如 HTML 页面、CSS 文件、图像）的本地副本。
- 当用户返回到网站时，浏览器会首先检查缓存中是否有请求的资源。如果找到，它将从缓存中加载，而不是从服务器下载，从而减少加载时间。
- 可以使用
Cache-Control头来控制资源的缓存行为，例如设置到期时间或强制缓存。
IndexedDB
- IndexedDB 是一个 JavaScript API，用于创建和管理本地数据库。
- 它提供了事务性支持、索引和键路径，这使得存储和检索复杂数据结构变得容易。
- IndexedDB 数据可以持久存储在浏览器中，即使关闭应用程序或窗口。
Web Storage
- Web Storage 是一组 JavaScript API，包括
localStorage和sessionStorage。 - 这些 API 允许存储键值对，通常用于存储用户的首选项或应用程序状态。
-
localStorage数据在浏览器会话的整个生命周期内保持持久，而sessionStorage数据仅在当前浏览器选项卡或窗口打开时有效。
内存缓存
- 内存缓存是存储在计算机内存中的一种临时数据结构。
- 它提供了非常快的读写速度，但是当清空内存或关闭应用程序时数据会丢失。
- 可以使用第三方库（如 Dexie）或 JavaScript 的
Map对象来实现内存缓存。
服务端缓存
- 服务端缓存将数据存储在服务器端，而不是客户端。
- 当客户端请求数据时，服务器会检查缓存中是否有请求的数据。如果有，它将直接从缓存中提供数据，无需查询数据库。
- 服务端缓存可以显著减少数据库负载，提高应用程序的可扩展性。
