构造jquery和javascript(使用对象)的最佳实践

时间:2015-11-07 16:43:04

标签: javascript jquery html code-organization

我正在建立一个javascript / jquery密集型网站,甚至当我在第二个html页面时,我已经拥有一个非常长的js文件。

我的页面中充满了HTML元素(按钮,复选框,可拖动/可放置列表等)。并且所有交互监听器和处理程序都在$(document).ready(...

的单个整体包装器中

我正在考虑为单独的“组”操作制作单独的JS文件,但我不确定考虑到所需的多个http提取操作是否是个好主意。

从结构角度来看,我想尝试更面向对象的方法。但是我不是很确定,因为我不是一个真正的前端/ JS程序员。我已经看到了人们喜欢他们的整个JS所需的代码,他们的应用程序需要作为事件处理程序注册的对象等等。如果我已经在使用jQuery,这会是多余的吗?是否有任何遵循/建立的做法?

提前谢谢。

2 个答案:

答案 0 :(得分:1)

您可以将代码组织为函数,代码的一部分。

您在独特的$(文档).ready中与您的功能进行交互 所以你可以将所有其他功能放在其他文件中。

就像在draggble.js中一样,你有你的draggle函数等等。你甚至可以用OOP JS风格来做它,即使认为它不是最好的方法,因为jQuery。

这是一种方法,你有百万种方式。

答案 1 :(得分:1)

实现这一目标的方法有很多种。 我使用commonjs并将每段代码都作为一个模块。您可以要求或导入每个模块并拥有一个更清洁的开发项目。然后你将它们打包成一个文件' a la' webpack或使用任何构建工具或NPM配置它。