jquery - 使用 Ember.js 和 jQuery 预加载页面资源

Question

好的，所以我有一个页面，其中包含一些加载时看起来很棒的高分辨率图像（但当用户在初始页面下载时看到半加载的图像时就不那么好了）。我研究了 jquery 预加载图像（例如这里非常有用的 Q/A），但问题是，我的页面基本上是由 Ember.js 控制的应用程序——所以我不确定在哪里最好插入图像预加载代码，我似乎找不到任何关于在页面完成加载之前运行的 Ember.js 代码的文档（准备好的功能可能为时已晚，因为它在页面完成后运行，所以无法预加载图像，对吧？）

底线：如果我有 Ember.js，放置图像预加载代码的最佳位置在哪里？

Answer 1

没关系，您可以随时使用 javascript 预加载图像。

但是您需要考虑带宽消耗以及某些浏览器中可能的并行下载插槽限制，因此我建议不要在您的应用程序和 UI 完成之前预加载许多大图像。

这是一个最小的代码示例：

(new Image).src = 'preload.jpg';

Answer 2

基本上你想写一个需要在 Emberjs 应用程序类/对象之前运行的函数。因此，您可以在创建或初始化 Application 对象之前运行该函数。我建议你在创建 Application 对象之前这样做。