ember.js - emberjs "loading screen"开头

Question

我不知道，如果你看过这个演示应用程序:http://www.johnpapa.net/hottowel/但是一旦你启动它，你会在开始时看到一个非常漂亮的加载屏幕，就像在任何更大的桌面应用程序/游戏中一样。

所以我自己没有机会正确地浏览代码，但我最近开始使用 Emberjs，我觉得为我正在构建的整个 SPA 加载所有 js 代码可能在秒区。

我现在的问题是，如何使用 emberjs 实现这样的加载屏幕？
还是有更好的方法来解决这个问题？ (我不认为 requirejs 会是一个解决方案，虽然我可能是错的)

Answer 1

我想为此提供一个替代答案。默认情况下，ready当 DOM 准备好时触发，之后可能需要一些时间来呈现您的应用程序，从而导致(可能)几秒钟的空白页。对于我的应用程序，使用 didInsertElement在 ApplicationView是最好的解决方案。

例子:

App.ApplicationView = Ember.View.extend({
  didInsertElement: function() {
     $("#loading").remove();
  }
});

请注意，Ember 还提供延迟应用程序准备就绪的功能，请参阅 the code了解更多信息。