Meteor：在初始加载时显示加载图标

Question

所以我刚完成了我的第一个Meteor项目。这是一个面向智能手机和平板电脑的Web应用程序，基本上是在演讲/演示中集体答疑。 它被称为Questful。

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

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

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

你们有任何想法是否可能编写像这样的预加载程序吗？或者有没有其他的预加载程序？

最好的问候 帕特里克

- Patrick DaVader

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}}

- nate-strauser

---

谢谢你的回答！问题是：我忘了提到在所有这些JS文件被加载时，DOM还没有准备好（如上所述：JS文件被加载在头部--> 还没有body --> 没有东西可以显示）。因此，普通的载入旋转器无法完成工作！我认为一个正确的方法是使用智能包，将所有JS文件移动到body的末尾，在所有这些文件之前加入一个载入旋转器。但我还没有找到类似的东西 + 我不知道是否可以将meteor的脚本从头部移动到body的末尾。 - Patrick DaVader