html - 动态卸载/加载页面的部分 (DOM)

Question

问题:

我们构建了一个类似仪表板的应用程序，用户可以在其中动态添加 View (将其想象成选项卡)。随着用户加载更多的 View ，页面不断崩溃。这可能是因为 DOM 数量过多且页面上有很多监听器。

解决方案:

我们正在寻找一种可以智能卸载选项卡(DOM 及其监听器)并在用户返回选项卡时重新加载它的方法。该选项卡应该被卸载并以某种形式(一些 HTML5 客户端存储)持久化，以便我们可以将它恢复到相同的状态。我们有任何图书馆可以做到这一点吗？

序列化数据及其状态:我们正在考虑的一种方法是在本地存储中序列化数据及其状态，并尝试根据数据重建 View 。这种方法应该可行，如果我们使用像 Angular 这样的框架，它可能会相对容易。优点:独立的 View 和数据呈现逻辑。缺点:该解决方案不是通用的。

我们正在寻找在 DOM 级别工作的东西。

Answer 1

您可以尝试只缓存模型而不是整个 DOM。 JS 生成 DOM 并没有你想象的那么慢。