【问题标题】:how to organize a little javascript in a large php website如何在大型 php 网站中组织一点 javascript
【发布时间】:2012-08-20 02:41:03
【问题描述】:

我正在开发一个大型 php mysql CMS。我用包含、对象等组织了我的服务器端代码,做得不错。现在我已经开始用表单验证和图像滑块之类的东西来让前端变得活跃起来,我开始积累一堆小小的 javascript/jquery 函数。其中大部分都在 5 行以下,并且每行仅用于一页。

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

【问题讨论】:

    标签: javascript jquery html code-organization


    【解决方案1】:

    将所有这些都放入 functions.js 文件中,将其包含在我的标题中然后在我需要的页面中调用 myJavaScriptFunction() 是不好的做法/懒惰吗?

    这可行,但请注意不要在每个页面中加载大量无用功能。例如,如果您有 30 个与操作 Google Map 相关的 Javascript 函数,而您只有一个页面处理 Google Maps API,如果您在每个页面上都包含这些无用的函数,您将浪费大量时间加载它们。

    【讨论】:

    • 在这种情况下,我应该执行类似 generalFunctions.js 和 googMapFunctions.js 的操作,并将后者包含在包含要操作的 Google 地图的页面中。
    【解决方案2】:

    如果它们只用在一页上,为什么要把它们放在一个通用文件中。这是权衡利弊的好时机。

    优点:

    1. 浏览器缓存javascript文件,第一页请求稍慢,每下一个稍快。
    2. HTML 稍微简单一些,因为 javascript 保存在单独的文件中。
    3. 单独的文件,所以语法高亮!

    缺点:

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

    对我来说,这似乎是你不应该做的事情,但这实际上取决于你的大型 JavaScript 代码的大小,以及将 <script> 标签放入 head 的难易程度。

    【讨论】:

    • 对不起,我应该改写那句话。我的意思是大多数微小的功能都在一页上使用。不是全部都在一页上。但无论哪种方式,利弊仍然存在。
    猜你喜欢
    • 1970-01-01
    • 2014-06-14
    • 1970-01-01
    • 1970-01-01
    • 2011-08-26
    • 2011-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多