gpt4 book ai didi

javascript - 掌握 Meteor 中的外部脚本加载顺序(谷歌地图)

转载 作者:数据小太阳 更新时间:2023-10-29 05:55:26 55 4
gpt4 key购买 nike

我尝试将谷歌地图(外部加载的脚本)添加到 meteor 应用程序,但没有成功,我注意到有两种问题:

  1. 如果我做简单的事情并将主要的 API 脚本添加到我的 <head></head> ,然后它被呈现为last
  2. 发生这种情况时,我必须在模板的 <head> 中再次插入任何依赖 API 的脚本。 - 在主要 API 脚本之后。 (否则脚本会提示他们看不到 API blabla..)
  3. 然后真正的函数调用时间到了——现在把它放在<head>里面剩下的就不行了。您需要使用 Template.MyTemplate.rendered。

基本上我的问题是:

  • 处理这类事情最干净的方法是什么?
  • 我是否可以使用其他一些变量/方法来确保我的 Google 主 API 文件首先在我的 HTML 中被调用?

最佳答案

我刚刚在 atmosphere ( https://atmosphere.meteor.com ) 上发布了一个包,可能会有一点帮助。它称为 session-extras,它定义了几个我用来帮助集成外部脚本的函数。此处代码:https://github.com/belisarius222/meteor-session-extras

基本思路是异步加载一个脚本,然后在脚本加载完成的回调中,设置一个Session变量。我使用 session-extras 包中的函数来尝试使这个过程更顺畅一些。我有一些函数有 3 或 4 个不同的依赖项(脚本和订阅),所以它开始变得毛茸茸的......

我想我应该补充一点,您可以根据是否存在所有依赖项来有条件地呈现模板。因此,如果您有一个 facebook 按钮,例如,带有检查 session 变量的助手,您可以给它一个“禁用”的 css 类并显示“正在加载 facebook...”,直到所有必要的脚本都已加载。

编辑 03/14/2013

还有一种适用于许多情况的完全不同的方法:创建您自己的包。 Meteorite 目前可以做到这一点 (instructions) ,并且该功能应该很快就会在 Meteor 本身中可用。这种方法的一些例子是:

如果您将 js 文件放入包中,它会在您的应用代码之前加载,这通常是包含库的好方法。创建一个包的另一个优点是包可以声明彼此的依赖关系,所以如果有问题的脚本是,例如,一个 jQuery 插件,您可以在包的 package.js 文件中指定包依赖于 jQuery,这将确保正确的加载顺序。

有时它会变得更有趣(在中国骂人的意义上),因为许多外部服务,包括 mixpanel 和 filepicker.io,有一个两部分的加载过程:1) 一个 JS 片段被包含在正文,以及 2) 该代码段从 CDN 异步加载的更大的脚本。 js 片段通常(但不总是!)使一些方法在更大的脚本加载之前可用,这样您就可以调用它的函数,而无需设置更多逻辑来确定其加载状态。 Mixpanel 就是这样做的,尽管重要的是要记住来自外部服务的一些 JS 片段希望您在片段的末尾设置 API key ,保证在更大的脚本加载之前;在某些情况下,如果在设置 API key 之前加载脚本,库将无法正常运行。有关尝试解决方法的示例,请参阅 meteor-mixpanel 包。

可以简单地自己从 CDN 下载更大的 js 文件并将其粘贴到您的应用程序中;但是,有充分的理由不这样做:1) 托管代码可能会改变,除非你虔诚地检查它,否则你的代码可能会过时并开始使用旧版本的 API2) 这些库通常已经过优化,可以以不会显着增加页面加载时间的方式快速加载代码段。如果您在应用程序中包含更大的 JS 文件,那么您的服务器必须提供它,而不是 CDN,并且它将在初始页面加载时提供它。

关于javascript - 掌握 Meteor 中的外部脚本加载顺序(谷歌地图),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15233942/

55 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com