如何在一个大型的PHP网站上组织一个小的JavaScript

Question

我正在开发一个大型的php mysql CMS。我做了一个不错的工作，用包含，对象等组织我的服务器端代码。现在我已经开始用表格验证和图像滑块这样的东西使前端充满活力，我开始积累一些微小的javascript / jquery函数。其中大多数都在5行以下，每个只用在一个页面上。

将所有这些放入functions.js文件中，将它包含在我的标题中，然后在我需要的页面中调用myJavaScriptFunction（），这是不好的做法/懒惰吗？如果是这样，什么是更好的方法？

Answer 1

  

把所有这些都扔进一个functions.js文件，把它包含在我的标题中，然后在我需要的页面中调用myJavaScriptFunction（），这是不好的做法/懒惰吗？

这可行，但要小心，你不会在每个页面中加载大量无用的功能。例如，如果您有30个与操作Google地图相关的Javascript功能，并且您只有一个页面可以处理Google Maps API，那么如果您将这些无用的功能包含在每个页面中，那么您将浪费大量时间来加载它们。

Answer 2

如果它们仅用于一个页面，为什么要将它们放在通用文件中。这是权衡利弊的好时机。

优点：

1. 浏览器缓存javascript文件，第一页请求稍微慢一点，每一页请求稍快一点。
2. 稍微简单的HTML，因为javascript保存在单独的文件中。
3. 单独的文件，语法高亮！

缺点：

1. 每次加载页面时都会加载大量无用的JavaScript代码

对我而言，这似乎是您不应该做的事情，但这实际上取决于您的大型JavaScript代码的方式，以及将<script>标记放入{{1}的容易程度}}