流星：图像的预加载

Question

我制作了一个带有大背景图像的流星应用程序。现在，应用程序启动，用户可以在加载图像时观看。我最好首先加载所需的背景图像，如果加载完成，应用程序将显示出来。我试图为此搜索一些概念，但我找不到可用于meteor的解决方案。

所以我想到了使用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更好的解决方案。