SPAのDOM要素の数を減らす方法

Question

多くのタブ、ビュー、グリッドなどを持つかなり複雑なSPAがあります。各要素は、テンプレートからbackbone.jsによって生成されます。

要素が生成されると、要素の状態を保持したいので、要素を破棄できません。

明らかに、このアプローチのDOM要素の数はかなり高いです。

DOMツリーからビューを非表示にしてから再び添付しなおす価値はありますか？

$(this.el).find()を使用した場合、backbone.jsビューのDOM操作は引き続き非結合要素で機能しますか？

Answer 1

1つのアプローチは、ビューがそこから要素をDOMに追加/削除することです。表示されているビューのみがDOMにアタッチされた要素を持つようにします。したがって、ビューのレンダリングメソッドを呼び出すビューマネージャを記述し、ビューがレンダリングされる場所にDOMエレメントを渡します。マネージャは、DOMからviews要素を削除するstopメソッドを呼び出すこともできます。