如何在大型php网站中组织一个小javascript

how to organize a little javascript in a large php website

本文关键字：一个 javascript 大型 php 网站      更新时间：2023-09-26

我正在开发一个大型php-mysql CMS。我用includes、object等来组织服务器端代码做得很好。现在我已经开始用表单验证和图像滑块之类的东西在前端搞得一团糟，我开始积累一些微小的javascript/jquery函数。其中大部分都在5行以下，每行只在一页上使用。

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

将所有这些放入functions.js文件，将其包含在我的头中，然后在我需要的页面中调用myJavaScriptFunction（），这是不是一种糟糕的做法/懒惰？

这是可行的，但要注意不要在每个页面中加载大量无用的函数。例如，如果你有30个与操作谷歌地图相关的Javascript函数，而你只有一个页面处理谷歌地图API，那么如果你在每个页面上都包含这些无用的函数，你将浪费大量时间加载它们。

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

优点：

  1. 浏览器缓存javascript文件，第一个页面请求稍微慢一点，下一个页面请求都稍微快一点
  2. 稍微简单一点的HTML，因为javascript保存在一个单独的文件中
  3. 单独的文件，所以语法突出显示

缺点：

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

对我来说，这似乎是你不应该做的事情，但这实际上取决于你的大型JavaScript代码有多大，以及在你的head中放入<script>标签有多容易。

相关文章：