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

标签 javascript jquery meteor preloader

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

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

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

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

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

最诚挚的问候 帕特里克

最佳答案

看这里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}}

关于javascript - Meteor:显示初始加载时的加载旋转器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17795800/

相关文章:

javascript - jQuery - 如何使输入值 ("email"、 "password")在失焦时重新出现?

javascript - 如何验证字段是否具有必需属性或不为空?

javascript - Meteor MongoDB 按子字段过滤父记录

node.js - 带有 Meteor 的子进程

javascript - 如何将整数数组设置到电子表格单元格?

javascript - 如何通过ajax获取多个文件并通过JavaScript将它们下载为zip文件?

javascript - 将数据发送到谷歌电子表格

javascript - Facebook 登录不适用于 hello.js

jquery - CSS-悬停子元素时如何更改父元素?

javascript - 创建 nw.js + Meteor 桌面应用程序