Javascript 使用backbone.js应用程序实现可视化加载条

Javascript 使用backbone.js应用程序实现可视化加载条,javascript,backbone.js,requirejs,preloader,backbone-boilerplate,Javascript,Backbone.js,Requirejs,Preloader,Backbone Boilerplate,第一次加载我的backbone.js应用程序时,在加载模板之前,需要在一个空白屏幕上持续6秒钟。我们有一点javascript库膨胀,构建过程还不完善,但这些是独立的问题 我在require.js中使用主干模板,我希望有一种gmail类型的加载程序,在加载和呈现所有资产、数据和模板时显示,这样我们就不会只有一个空白加载页面 还有其他方法可以这样做吗?我解决这个问题的方法是在index.html中包含一个动画微调器GIF: <html> <!-- header with sc

第一次加载我的backbone.js应用程序时,在加载模板之前,需要在一个空白屏幕上持续6秒钟。我们有一点javascript库膨胀,构建过程还不完善,但这些是独立的问题

我在require.js中使用主干模板,我希望有一种gmail类型的加载程序,在加载和呈现所有资产、数据和模板时显示,这样我们就不会只有一个空白加载页面


还有其他方法可以这样做吗?

我解决这个问题的方法是在index.html中包含一个动画微调器GIF:

<html>
  <!-- header with scripts etc -->
  <body>
    <img id="spinner" class="centered" src="/images/spinner.gif"></img>
  </body>
</html>
它本身并不显示进度,但它让用户知道正在加载


可能有一种方法可以连接到requirejs加载事件,但我不知道。如果您计划缩小所有资源并将其合并到一个文件中,这将不会太有用,因为无法非常准确地跟踪单个文件的下载进度。

我如何解决这一问题,是在index.html中包含一个动画微调器GIF:

<html>
  <!-- header with scripts etc -->
  <body>
    <img id="spinner" class="centered" src="/images/spinner.gif"></img>
  </body>
</html>
它本身并不显示进度,但它让用户知道正在加载

可能有一种方法可以连接到requirejs加载事件,但我不知道。如果您计划缩小所有资源并将其合并到一个文件中,那么无论如何这都不太有用,因为无法非常准确地跟踪单个文件的下载进度