Meteor：图像的预加载

Question

我构建了一个带有大背景图片的流星应用程序。现在应用程序启动并且用户可以在图像加载时观看。我最好先加载所需的背景图像，如果加载完成，应用程序就会出现。我试图为此搜索一些概念，但没有找到适用于流星的解决方案。

于是我想到了使用 Iron-Router 的 waitOn 功能：

Router.route('/', {
    name: 'home',
    yieldRegions: {
        'navigationBar': { to: 'navigation' },
        'contentPage':   { to: 'content' } 
    },
    waitOn: function() { 
         // Loading image, and if loaded, go further on...
    }
});

也许有人知道如何做到这一点......

Answer 1

好的。我已经花了一些时间思考这个问题。我无法提出任何代码示例。但是我已经开始将 appcache 用于流星，它就像一个魅力。 Appcache 适用于已经至少使用过一次该应用程序的用户。

这是网址：https://atmospherejs.com/meteor/appcache

它允许您指定是否要缓存特定图像（或任何资源）。

要预加载图像，像预加载一样预加载，没有可用于流星的包。我曾尝试使用旧的 Dream Weaver 风格的图像预加载，这有点用，但会稍微减慢应用程序的速度。我发现了这个

https://github.com/farinspace/jquery.imgpreload

这似乎是比使用纯 javascript 更好的解决方案。