2

在 HTML 页面中导入和使用 JavaScript 代码的最佳方式是什么？我正在考虑两种选择：

  • 具有导入到 HTML 文件的文件的单个<script>标记，该文件使用选定的 JavaScript 方法。all.js
  • 在每个 HTML 文件中分别定义单独<script>的标签。

这里最好的设计选择是什么？

4

4 回答 4

4

Lukasz，这个天真的问题是个大话题。要在一个不错的地方开始使用 JavaScript 的性能和可维护性，请遵循Steve Souders 的相关文章。

并使用JSHint。如果您的代码位于仅 JavaScript 的文件中，这会容易得多。要了解其他良好实践，请阅读idiomatic.js。

于 2012-06-27T08:54:35.253 回答
1

单个缩小文件是性能最高的 - 更少的请求和更小的下载。但不是一个全局 js 无处不在，调试/开发会很痛苦。

对可能缓存在浏览器中的库使用 cdn。

于 2012-06-27T08:58:31.153 回答
0

Minify js 是一个很好的并且可以接受的方式。它还有助于在运行时在服务器端构建 js 文件。这是一个很大的话题。这里有一些来自雅虎的好建议。我用这些作为我的指导方针。另请阅读主题 js minify http://developer.yahoo.com/performance/rules.html

于 2012-06-27T09:40:09.410 回答
0

IMO 我将为单独的 javascript 片段/插件设置单独的标签，这将使我的 javascript 代码更易于维护。我可以删除插件/添加插件，而不会干扰其他 javascript 片段。

但出于性能问题，现代浏览器将运行 6 个连续线程来下载资源，因此最好配置站点/Web 应用程序的加载时间。您可以使用 Firebug/yslow 之类的工具来分析从 html 页面发送的 http 请求。

我个人使用Sitemesh之类的模板引擎，并为应用程序的不同部分创建 jsps 模板。

对于 javascript，我主要使用 JQuery 和很多插件。

于 2012-06-27T09:06:56.217 回答