javascript - Meteor:显示初始加载时的加载旋转器

Question

所以我刚刚完成了我的第一个 meteor 项目。这是一款适用于智能手机和平板电脑的网络应用程序，基本上是在演讲/演示中众包问答环节。它的名字叫Questful .

无论如何......我的问题是，在最初的第一次加载时， meteor 所需的所有JS文件尚未在客户端浏览器的缓存中(显然)......但特别是当智能手机用于查看此网络应用程序时(其中它的目标是)并且互联网连接也可能很慢(--> 当 X 一百人在事件中使用相同的 WiFi 时很有可能)第一次加载页面需要很长时间。 (meteor JS 文件大小约为 500kB)。

我测试了我的服务器的上传速度，结果约为 50 MBit，这还可以，因为它是一个相当便宜的根。

标准的 jQ 预加载器无法完成这项工作，因为 Meteor 会在头部加载 JS 文件，因此 $(function(){});会太晚触发(在加载所有 JS 文件之后，这不是我想要的)。

你们知道是否可以编写这样的预加载器吗？或者那里有吗？

最诚挚的问候帕特里克

Answer 1

看这里https://github.com/oortcloud/unofficial-meteor-faq#how-do-i-know-when-my-subscription-is-ready-and-not-still-loading

基本上，您需要让模板默认显示加载指示器，然后在加载后显示数据

假设您将助手定义为dataLoaded，模板可能类似于

{{#if dataLoaded}}
  <Show your real data / templates>
{{else}}
  Loading...
{{/if}}