2

第一次加載我的backbone.js應用程序時,在模板加載之前,它會在空白屏幕上持續6秒。我們有一些JavaScript庫臃腫,構建過程並不完美,但這些是單獨的問題。使用backbone.js應用程序實現了一個可視化加載器欄

我在require.js中使用backbone-boilerplate,我想要有一個gmail類型的加載器,它將顯示所有資產,數據,模板被加載和渲染,因此我們沒有隻是一個空白加載頁面。

有沒有辦法做這樣的事情?

回答

4

如何我已經解決了,這是包含在index.html的動畫GIF微調:

<html> 
    <!-- header with scripts etc --> 
    <body> 
    <img id="spinner" class="centered" src="/images/spinner.gif"></img> 
    </body> 
</html> 

當所有資產已被下載,模型初始化和應用程序的主要觀點是隨時可以渲染,我只是與內容替換微調:

var appView = new AppView().render(); 
$("img#spinner").replaceWith(appView.el); 

它不顯示進度本身,而是它讓用戶知道裝載正在發生。

可能有一種方法可以連接到requirejs加載事件,但我不知道其中之一。如果您打算縮減所有資源並將其合併到一個文件中,則無論如何這將不太有用,因爲無法非常準確地跟蹤單個文件的下載進度。

相關問題