backbone.js - 在单页应用程序中，如何确定何时丢弃呈现的部分而不是隐藏它以降低浏览器内存？

Question

我正在将企业 WPF 应用程序迁移到 Web 应用程序。此时倾向于使用 ASP.net mvc3，backbone.js 的单页面应用程序。

真的只是在寻找最佳实践。当前的 WPF 应用程序允许用户在显示大量数据的许多选项卡之间来回切换。我想复制此功能并关注：

1. DOM 中的数据量是否会变得太大而浏览器无法处理？
2. 如果用户可能会长时间打开应用程序，我该如何处理使这些数据保持最新状态？

任何建议将不胜感激！

Answer 1

我已经使用 Backbone.js 和类似于 Backbone 的专有 MVC JS 引擎构建了几个单页 Web 应用程序。从那次经验中，我可以告诉你，没有硬性规定，但如果你将应用程序视为一个层次结构，它将帮助你定义何时应该销毁对象。例如，在我的一个应用程序中，有几个模块，每个模块都与特定的业务问题或问题域相关。我的常规规则是，每当业务问题发生变化时，我都会销毁当前模块，然后加载下一个模块。模块本地的所有导航都将简单地隐藏和显示。

在我正在开发的当前应用程序中，我们有能力使应用程序完全成为一个单页 Web 应用程序，但决定为模块提供自己的 html 文件，因此导航到不同的模块将重新加载。为了节省对服务器的调用，我们引导最常见的数据，并将其与页面一起呈现为 JS 对象。这是一种混合方法，对我们来说效果很好。