在 tabview 的隐藏和动态选项卡中缓存数据

Question

在我的应用程序中，我有组，并且特定于用户的组列表通过左列列表显示给他，其方式与 google 组类似（如下图所示）。

我希望当用户继续切换到列表中显示的不同组时，前端应该缓存访问过的组，以便下次用户回到同一个组时无需再次读取服务器。

我正在考虑通过在访问新组时向 jquery tabview 动态添加隐藏选项卡来实现这一点。

这听起来像是一个很好的优化吗？网站上是否使用了这种优化？

（我会在每个指定的时间间隔后自动更新组的内容，以便组中显示的数据是最新的，而不仅仅是缓存的。）

Answer 1

我会给你一个你不应该这样做的理由，而是看看 HTTP 缓存。希望您已经是 RESTafarian，因为您使用并了解 REST 的基本原理以及 HTTP 为何具有可扩展性。如果您确保 GET 在本地缓存，则无需使用 JavaScript 投资复杂的缓存方案，这可能是您应该关注的。

如果您愿意的话，通过使用 HTTP 缓存机制，您可以完全消除任何服务器往返。缓存数据的失效可能会很棘手，但出于一般查看目的，这是非常简单的事情，它将为您提供非常好的性能（不会增加现有 JavaScript 的复杂性，我认为这是一件好事）。