在HTML网页中导入和使用JavaScript代码的最佳方法是什么?我正在考虑两种选择:
<script>
标记与all.js
文件一起导入HTML文件,该文件使用选定的JavaScript方法。<script>
标记。这里最好的设计选择是什么?
答案 0 :(得分:4)
卢卡斯,这个无辜的问题是一个很大的话题。要在一个好的地方开始使用JavaScript性能和可维护性,请关注Steve Souders' writings。
并使用JSHint。如果您的代码位于仅限JavaScript的文件中,那就容易多了。要了解其他良好做法,请阅读idiomatic.js。
答案 1 :(得分:1)
单个缩小的文件是性能最高的 - 少请求和较小的下载。但对于任何地方而言,并非一个全球性的js,这将是调试/开发的痛苦。
将cdn用于可能在浏览器中缓存的库。
答案 2 :(得分:0)
IMO我将为单独的javascript片段/插件提供单独的标签,它将使我的javascript代码更易于维护。我可以删除插件/添加插件而不会打扰其他javascript片段。
但是对于性能问题,现代浏览器将运行6个连续的线程来下载资源,因此最好分析网站/ Web应用程序的加载时间。您可以使用Firebug / yslow等工具来分析从html页面发送的http请求。
我个人使用像Sitemesh这样的模板引擎,并为应用程序的不同部分创建jsps模板。
对于javascript我主要使用JQuery和很多插件。
答案 3 :(得分:0)
缩小js是一种良好且可接受的方式。它还有助于在运行时在服务器端构建js文件。这是一个很大的话题。以下是来自雅虎的一些好建议。我用这些作为我的指导。另请阅读主题js minify http://developer.yahoo.com/performance/rules.html