Question

在Web开发中使用外部插件时（我正在努力使用one here），我们经常得到建议：

确保以正确的顺序加载脚本：


脚本1

脚本2

脚本3

...... etc

一旦页面加载完毕，开发人员是否可以通过简单的方式确认他的脚本是否以正确的顺序加载？假设有一个<script></script>标签以正确的顺序添加到代码中。

我看看镀铬时间轴，但这是一个令人困惑的混乱！我不知道先装入什么，后面装的是什么......等等。

对此事的任何建议都将不胜感激。

谢谢。

Answer 1

通常，脚本按照它们在代码中出现的顺序加载。您还可以使用RequireJS库或类似工具来处理脚本依赖项。

如果您正在处理混乱的多个嵌套模板或动态加载但无法确定 - 您可以使用Chrome DevTools的Network标签。

只需按Scripts过滤即可。线条的处理顺序与它们的顺序相同。

Answer 2

JavaScript为synchronous，直到我们使用asynchronous attibute将其设置为async：

<script async src="script.js">

建议依赖于其他库的外部插件在该库之后调用，例如：

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

可以通过以下方式获取可加快页面速度的异步脚本：

欢迎

编辑添加更多信息。