javascript - 如何减少 SPA 中 DOM 元素的数量

Question

我有一个非常复杂的 SPA，有许多选项卡、 View 、网格等。每个元素都是由backbone.js 从模板生成的。

生成元素后，我想保留该元素的状态，因此无法销毁它。

显然，采用这种方法的 DOM 元素数量相当高。

是否值得付出努力，在 View 隐藏后将其从 DOM 树中分离出来，并在显示后重新将其重新附加回来？

如果我使用 $(this.el).find()，backbone.js View DOM 操作仍然可以在分离的元素上工作吗？

Answer 1

一种方法是让 View 向 DOM 添加/删除元素。因此，只有可见的 View 才会有附加到 DOM 的元素。因此，您可以编写一个 View 管理器，调用 View 的 render 方法，传递将在其中渲染 View 的 DOM 元素。管理器还可以调用 stop 方法，从 DOM 中删除 View 元素。