加载 JS 库并在加载后立即使用它们
Loading JS libraries and using them right ater they are loaded
我正在寻找一种在我的 HTML 文档中使用库(例如 jQuery、Knockout)的简洁方法。
为此,我在 <script src=...
元素中包含指向 CDN 或下载库的链接。
但我经常遇到这样的问题:我有 JS 脚本,我在其中使用 ko.applyBindings
(或其他特定于库的方法或符号,例如 $
),但出现错误,这我通过将所有 "library-specific" 代码放入 window.onload
事件处理程序来解决。
所以我开始想,这样做的好习惯是什么?感觉很好,到目前为止我的解决方案没有发现任何问题,但我不确定。
还有,我们页面的脚本是同步加载的吗?
<script>
标签默认同步加载 (docs here) 并且按照它们在 HTML 中列出的顺序。这意味着它们将按照它们在 HTML.
中的相同顺序执行
因此,理想情况下,处理此问题的方法是将脚本按依赖顺序排列,依赖脚本在最后,库在前。这避免了必须使用侦听器和其他代码来等待所有脚本加载。
希望对您有所帮助!让我知道我是否应该澄清更多。
我正在寻找一种在我的 HTML 文档中使用库(例如 jQuery、Knockout)的简洁方法。
为此,我在 <script src=...
元素中包含指向 CDN 或下载库的链接。
但我经常遇到这样的问题:我有 JS 脚本,我在其中使用 ko.applyBindings
(或其他特定于库的方法或符号,例如 $
),但出现错误,这我通过将所有 "library-specific" 代码放入 window.onload
事件处理程序来解决。
所以我开始想,这样做的好习惯是什么?感觉很好,到目前为止我的解决方案没有发现任何问题,但我不确定。
还有,我们页面的脚本是同步加载的吗?
<script>
标签默认同步加载 (docs here) 并且按照它们在 HTML 中列出的顺序。这意味着它们将按照它们在 HTML.
因此,理想情况下,处理此问题的方法是将脚本按依赖顺序排列,依赖脚本在最后,库在前。这避免了必须使用侦听器和其他代码来等待所有脚本加载。
希望对您有所帮助!让我知道我是否应该澄清更多。