javascript - bl.ock 预览中未在 localhost 中出现错误

Question

https://gist.github.com/dukevis/9039575

我有代码，当我在编辑时通过本地主机查看它时，没有任何错误并且显示正常。然而，当我将其上传到 gist 并通过 bl.ocks 扩展查看它时，图像无法加载并导致各种错误，包括“ undefined variable ”(第 95 行)。我想知道上传到网络时会出现新错误(在本地托管时不是问题)是否有一般原因，或者我的代码是否存在特定问题。谢谢!

Answer 1

您必须在加载所有库和 Assets 时执行该代码。

当您使用 localhost 时，所有内容都会一起加载(几乎)，并且您不会看到任何异步问题:如果您不必等待特定 Assets ，则常见的技巧是将 js 代码编写在 的底部页面，以便在执行之前加载所有 DOM。

如果您想等待所有资源，只需使用 jquery $(document).ready(...) 来包装您的函数 - 或 it's JS complicated equivalent - 或者，如果您还需要等待字体加载window.onload = function(){...} - 如果您没有任何字体，您也可以使用它，它只是被触发比上一个晚。