我正在使用一个 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();
});
我的问题是:
- 为什么将 javascript 放置在 html 文件的脚本标记中与放置在单独的 .js 文件中时表现不同
- 有什么方法可以将函数保留在 .js 文件中并修复延迟?
谢谢!
最佳答案
当放在单独的 .js
文件中时,它需要浏览器发出单独的 HTTP 请求(如果资源尚未缓存)。这意味着网络成为敌人。如果您在服务器上正确设置了缓存,这应该不是什么大问题。
除此之外,Javascript 的解释/编译方式相同。
关于javascript - 为什么 javascript 在脚本标签和 js 文件中有不同的性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16098080/