骨幹：Singleton的意見？

Question

我得到了幾個不同的視圖，這些視圖大多是像（佈局組件，佈局，主視圖）構建的。

當我現在在不同的視圖之間切換時，整個頁面必須重新渲染。

在「窗口」中至少緩存佈局視圖並重新加載它們會更好嗎？

像骨幹視圖的單身模式？

我該怎麼做？ 很簡單：

window.MainLayoutView || window.MainLayoutView = new MainLayoutView({ el: 'div.main' }); 

夠了嗎？

還有什麼我需要考慮的嗎？

Answer 1

是的，還有更多值得擔心的地方。如果你做這樣的事情：

window.MainLayoutView.render(); 
$(x).html(window.MainLayout.el); 
// And later... 
$(x).html(someOtherView.el); 
// And later still... 
$(x).html(window.MainLayout.el); 

，你會發現這裏面window.MainLayout您的所有事件都不見了。如果您想要緩存實例化視圖並將其交換出來，則必須安排delegateEvents調用來重新綁定視圖層次結構中的所有事件。

比較的這兩個例子的行爲，你會看到這個問題：

• http://jsfiddle.net/ambiguous/Mrt3C/（無delegateEvents呼叫）。 （調用delegateEvents）。

一般來說，您不打擾緩存視圖，只需remove他們並根據需要重新創建它們。