javascript - 为什么 javascript 在脚本标签和 js 文件中有不同的性能

Question

我正在使用一个 jquery 函数来为我的主页标题设置动画。当我在我的 html 中执行 javascript 时，一切都很好(文本立即动画)。当我将该函数移动到一个单独的 .js 文件中时，文本先闪烁然后动画。

运行 javascript 的 html:

<h1><a href="#home">This i</a></h1>

html 中的 javascript:

<script>
    $(function() {
        $(".letter-container h1 a").lettering();
    });
</script>

移动到 .js 文件时的 javascript:

$(function() {
        $(".letter-container h1 a").lettering();
});

我的问题是:

1. 为什么将 javascript 放置在 html 文件的脚本标记中与放置在单独的 .js 文件中时表现不同
2. 有什么方法可以将函数保留在 .js 文件中并修复延迟？

谢谢!

Answer 1

当放在单独的 .js 文件中时，它需要浏览器发出单独的 HTTP 请求(如果资源尚未缓存)。这意味着网络成为敌人。如果您在服务器上正确设置了缓存，这应该不是什么大问题。

除此之外，Javascript 的解释/编译方式相同。