0

在管理我们自己编写的 JS 代码（不是 jquery 之类的 js 库）时，我有以下担忧：

仅将 javascript 与 html 相关联还是将其与服务器端代码相关联更好？意味着从服务器端代码返回 JS 代码还是创建单独的 JS 文件并从 html 代码中引用它或将其写入 html 页面中更好？

这里我想提一个例子：

假设我有 2 个服务器端页面，注册和登录，并说我们正在使用 jquery 验证插件（在 html 中使用脚本标记引用），我们将使用它来验证注册和登录表单，在这种情况下，我们需要编写验证登录页面的 JS语句 和注册页面$('.login_form').validate();的验证 JS 语句 $('.register_form').validate();。

那么我是否需要创建 2 个 js 文件（login.js、register.js）并在其 js 文件中添加每个语句，或者在 html 页面本身内编写代码，或者从每个页面服务器端代码返回 js 代码？

在这里我的困惑是，如果我将创建 2 个单独的文件，最好保持 JS 代码是独立的，但是对于性能和页面加载，浏览器需要加载只有一行语句的额外 js 文件，在另一方面，如果我想使用服务器端代码来生成 JS 代码，那么维护 JS 代码会很困难，但就性能而言，我猜它会更好。

那么考虑到可维护性和性能，您有什么建议呢？

4

1 回答 1

0

通常，您会将所有 javascript 写入服务器端的不同文件中，并在进行开发时从页面链接它们，然后使用uglifyjs之类的东西将它们全部压缩到一个文件中，该文件从您的 html 文件链接到您的生产环境.

这允许您在多个文件中进行开发并保持代码结构良好，但浏览器只需下载一个文件，并且在生产环境中只发出一个 http 请求。

你不只是让你的服务器端 PHP/Python/Java/whatever 将代码直接写入 html 的原因是因为这会阻止浏览器缓存它。浏览器必须在网站的每个页面上下载该代码。如果它都在一个设置了缓存控制标头的外部 javascript 文件中，那就更好了。

这样浏览器只会下载你的脚本一次，并且只会在用户在你的网站上看到的第一页上，然后在每个其他页面加载时从缓存中加载它。

于 2013-03-19T09:49:15.680 回答