javascript - 在单页应用程序中，我们应该在内存中缓存多少数据？

Question

我很想知道数据缓存是否有任何限制
使用共享服务或 ngrx 的单页应用程序。

前端缓存太多数据会不会影响整体
Web 应用程序 (DOM) 的性能。

假设我有一个非常大的复杂嵌套对象，我将它缓存在内存中

现在假设我想在我们的不同模块/组件中使用不同的对象子集
应用程序，为此我可能需要在 UI 上执行大量映射操作(通过匹配 id 等使用循环)。
我正在以另一种方式思考，而不是在 UI 上进行如此多的操作来提取
相关数据 如果不需要太多时间从后端获取数据，我为什么不使用带有 id 参数的简单 API 来获取相关信息。

url =  some/url/{id}

如果我们不能简单地通过其属性使用其子集，那么缓存更复杂的嵌套对象是否值得 obj[prop]并且需要对 UI(循环等)进行大量计算，这实际上比从 rest API 获取数据更耗时？
任何帮助/解释将不胜感激!!!
谢谢

Answer 1

在内存中缓存太多数据不是一个好主意。它会影响您的应用程序性能。在内存较少的系统中导致性能下降。
理论上高速缓存用于保留较少的数据量。最大支持大小为 2GB。我认为 chrome 也支持达到该限制。
为了在客户端保存大数据，永远不要使用内存缓存，而应该使用客户端数据库/数据存储。它使用磁盘空间而不是内存。
有许多网络技术可以在客户端存储数据，例如

索引数据库

Web SQL

本地存储

cookies

可以根据客户端应用程序框架来决定。
默认情况下，浏览器将 10% 的磁盘空间用于这些数据存储。我们还可以选择增加该尺寸。