Question

我在客户端开发方面比较新，所以也许我的问题对你们这些人来说似乎很幼稚。例如，如果我有这个加载jQuery库的顺序：

<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/jquery-ui.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>

这个加载jQuery库的顺序：

<script type="text/javascript" src="/jquery-ui.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<script type="text/javascript" src="/jquery.js"></script>

它是一样的吗？ 加载jquery脚本的顺序是否重要？

提前谢谢！

Answer 1

是的，脚本顺序很重要。

您应该使用以下顺序

<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>

由于jquery-ui取决于jquery，因此应始终首先加载jQuery。

此外，由于jquery-ui.min是jquery-ui的缩小版本，因此应加载其中任何一个，我更喜欢缩小版本。

Answer 2

在您的示例中，脚本将按顺序加载和执行，这是必要的。 jQuery UI要求jQuery在网页上可用。

这也意味着网页的其余部分将等待请求并执行这些脚本，然后再继续下载。

如上所述，默认情况下，页面的head部分中的脚本标记将同步加载。但是，您可以向它们添加async属性以使它们异步加载;意思是，无法预测它们的加载和执行顺序。 jQuery通常不应该异步加载，因为在使用它时，通常会有依赖它的代码。

<script src="..." async></script>

以上代码将异步加载脚本，这意味着它将被随机加载（您永远无法预测），并且不在加载期间锁定页面。这在其他情况下非常有用！

加载jquery脚本的顺序

2 个答案: