javascript – 在哪里放置我的JS代码以及在何处/如何加载多个jQuery插件？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在哪里放置我的JS代码以及在何处/如何加载多个jQuery插件？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2617字，纯文字阅读大概需要4分钟。

内容图文

我有几个问题有些相关,所以我将它们全部发布在SO上的一个问题上……

问题1：

我目前正在使用这个Facebook应用程序,我正在使用jQuery UI Tabs,其中只有4个,其中2个是通过Ajax加载的.主页面是index.html,这是放置标签代码的地方,对于通过Ajax加载的2个标签,我有两个不同的文件,tab1.html和tab2.html.

目前,jQuery标签初始化和Facebook JavaScript初始化是在index.html上完成的. tab1.html和tab2.html都包含属于这些页面的JavaScript代码.例如,tab2.html有一个表单,并且有一些JS(带有jQuery)代码来验证表单,这段代码与tab1.html无关,因为tab1.html上的JS代码与tab2.html无关.

我的问题是,我应该继续这样做,还是将index.html,tab1.html和tab2.html中的所有JS / jQuery代码汇总到一个global.js文件中,然后将其包含在index.html中？

我虽然这样做,但如果用户从未打开tab1或tab2,将会加载不相关的代码.使用单个global.js文件的好处是我可以打包/缩小文件,如果我在每个相应的tabX.html文件中包含每个代码块,我就无法做到.

问题2：

当我使用jQuery时,我也使用了很多插件(实际上现在只有3个,但这个数字可以增长).其中一些提供了缩小的JS,我在可用时使用它们,当它们不可用时,我使用正常版本.

还有请求问题.如果我有很多插件,比如10,那么这些插件就会有10个请求.而且还有一些插件在tab1.html中使用但在tab2.html和反之亦然.

如何在单个Web请求中加载缩小/打包版本中的所有插件？我应该在发布我的应用程序之前手动执行此操作(打包并将它们合并到一个文件中),还是可以使用PHP version of Dean Edwards’s Packer并即时打包/合并所有插件？这会是一个好方法吗？

问题3：

如果Q1上的答案类似于“合并单个global.js文件中的所有代码”,那么我是否应该在上面描述的Q2中的打包/合并脚本中包含global.js文件？

这样做可以简化一切.我可以使用所有.js文件正确组织我的开发环境,插件和相应文件夹中的global.js,而不用打扰其他任何东西.打包/合并应该处理其余部分(从相应的文件夹中提取文件,发送相应的JS头并输出一个打包的.js文件).

让我最困惑的一件事是,并非所有插件都用于每个选项卡,并非所有代码都适用于每个选项卡.尽管如此,一大块代码对于每个选项卡和索引都是全局的.这也简化了所有内容：a)我不必担心将所需的代码添加到每个tabX.html文件中,我可以简单地将它们看作HTML模板而不是其他内容; b)我不必费心去包含我需要它们的必要插件,因为我现在正在使用jQuery中的$.getScript()来加载我需要的插件,并且只在我需要它时,但我是不确定这是一个好方法,代码感觉像这样脏和丑.

解决方法:

问题1：

将它们全部打包到一个.js文件中.这将使维护更容易,并且用户加载他们可能不使用的小js的微小开销并不重要.我还会让Google为您加载jQuery库,然后将所有js代码放在一个单独的文件中.

问题2：

由于这些插件并没有真正改变,我会手动组合它们. Closure Compiler很擅长这个.缩小时使用不提供任何警告的最高设置.

问题3：

是的,你会想要缩小global.js

当浏览器下载global.js时,它会被缓存一段时间.因此,当您在另一个页面上再次调用整个global.js时,它不会重新下载,它会首先查看您的本地副本.所以你在初始下载时首先做了一些工作,但从那时起,它应该更快.

内容总结

以上是互联网集市为您收集整理的javascript – 在哪里放置我的JS代码以及在何处/如何加载多个jQuery插件？全部内容，希望文章能够帮你解决javascript – 在哪里放置我的JS代码以及在何处/如何加载多个jQuery插件？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端