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加载事件,但我不知道其中之一。如果您打算缩减所有资源并将其合并到一个文件中,则无论如何这将不太有用,因为无法非常准确地跟踪单个文件的下载进度。

相关问题