Javascript最佳实践用法
我正在寻找使用外部私有Javascript文件的最佳实践。我有一个项目与许多不同的HTML文件。我的问题是什么是最好的实践，它是有一个.js文件为所有的超文本标记语言页面，或我应该有一个单独的.js文件为每个超文本标记语言？我仍然不清楚这是否是可行的，如果有一个.js文件的许多不同的超文本标记语言页面，我如何使用DOM功能？
回答 2
Stack Overflow用户
发布于 2015-08-05 03:07:02
这是一个相当宽泛的问题，它实际上取决于你如何构建你的项目。
在这个时代，我的一般建议是:以任何更容易使用的方式在中构建它，但在构建/部署/任何东西时，将所有文件合并在一起，并将结果最小化。
这为您带来了轻松的开发，并为最终用户带来了最佳性能。此外，不要忘记适当的缓存头和该JS文件的URL中的时间戳。
这个建议实际上也适用于CSS文件。
Stack Overflow用户
发布于 2015-08-05 03:29:22
我同意@Vilx-的回答，但我怀疑这个问题比这更基本。
在每个HTML页面上，您可以简单地链接到包含站点范围内的函数和变量的脚本，也可以链接到该页面独有的脚本。例如，如果你在“关于我”页面上有特殊的功能，你可以像这样链接到它：
<!-- Global functions and variables -->
<script type="text/javascript" src="/scripts/global.js"></script>
<!-- Functions and variables that only apply to this page -->
<script type="text/javascript" src="/scripts/about-me.js"></script>这样，您仍然可以在global.js中使用实用程序函数，但可以使用about-me.js控制特定的页面。
另一种方法是将所有JavaScript存储在单个文件中，但在相应页面内联执行相关函数。
Main.js
function homepage(){
// do things specific to the homepage
}
function aboutMe(){
// do things specific to about me
}
function contactUs(){
// do things specific to the contact page
}关于-Me.html
<!-- Global functions and variables -->
<script type="text/javascript" src="/scripts/main.js"></script>
<script>
// Execute the relevant function defined in main.js
aboutMe();
</script>最好的方法是真正适合您的应用程序。如果它是一个大型的、复杂的应用程序，那么您可能希望拥有单独的文件，但在发布项目之前，您可能希望将这些文件连接起来。如果这是一个小的个人项目，那么简单地按照你认为合适的方式来组织你的项目是没有坏处的。
https://stackoverflow.com/questions/31817191
复制相似问题
腾讯云开发者
