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

标签 jquery ember.js

好的,我有一个页面,其中有一些高分辨率图像,加载时看起来很棒(但当用户在初始页面下载时看到半加载的图像时,效果就不那么好了)。我研究了 jquery 预加载图像(例如这里的 helpful Q/A),但问题是,我的页面基本上是一个由 Ember.js 控制的应用程序 - 所以我不确定在哪里最好插入图像-预加载代码,我似乎找不到任何关于在页面完成加载之前运行 Ember.js 代码的文档(ready 函数对于预加载图像来说可能太晚了,因为它在页面完成后运行,对吧?)

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

最佳答案

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

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

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

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

关于jquery - 使用 Ember.js 和 jQuery 预加载页面资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13661258/

相关文章:

jquery - Kendo UI - MultiSelect 替换从外部文件动态创建的数据源

javascript - 如何用 Ember Data 表示模型树?

javascript - 单击另一列中的排序图标对列进行排序

Javascript Jquery 向下滚动 1 页

javascript - Jquery $.Ready 函数的最佳实践

ember.js - Ember 错误路线无法调用模型

javascript - Ember.js - 在所有转换时运行与 View 相关的 JS,而不仅仅是在模型更改时

javascript - EmberJs 弃用组件生命周期钩子(Hook) didReceiveAttrs

ember.js - 是否可以通过继承而不是使用 'needs' 在 ember 中与 Controller 共享行为

javascript - 响应式设计 - 在这种情况下移动和桌面布局之间的反向 css 效果