如何減少SPA中的DOM元素數量

Question

我有一個非常復雜的SPA，其中包含許多選項卡，視圖，網格等。每個元素都是由ribs.js從模板生成的。

生成元素后，我想保留該元素的狀態，因此無法銷毀它。

顯然，采用這種方法的DOM元素數量很多。

是否值得在隱藏后將視圖從DOM樹上取消附加並在其顯示后重新附加回視圖？

如果我使用$(this.el).find()會認為DOM操作仍適用於分離的元素嗎？

Answer 1

一種方法是讓視圖在DOM中添加元素或從DOM中刪除元素。 這樣，只有可見的視圖才會在DOM上附加元素。 因此，您可以編寫一個視圖管理器，該視圖管理器調用視圖的render方法，並傳遞將在其中渲染視圖的DOM元素。管理器還可以調用stop方法，在該方法中，他從DOM中刪除views元素。