Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
构造jquery和javascript的最佳实践(使用对象)_Javascript_Jquery_Html_Code Organization - Fatal编程技术网

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

构造jquery和javascript的最佳实践(使用对象),javascript,jquery,html,code-organization,Javascript,Jquery,Html,Code Organization,我正在构建一个javascript/jquery密集型网站,甚至在我进入第二个html页面时,我已经有了一个很长的js文件 我的页面充满了HTML元素(按钮、复选框、可拖放列表等)。所有的交互侦听器和处理程序都在一个$(document).ready(… 我曾考虑为单独的“组”操作创建单独的JS文件,但考虑到将需要的多个http获取操作,我不确定这是否是一个好主意 从结构化的角度来看,我想尝试一种更面向对象的方法。但是我不是很确定,因为我不是一个真正的前端/JS程序员。我见过一些代码,其中人们喜

我正在构建一个javascript/jquery密集型网站,甚至在我进入第二个html页面时,我已经有了一个很长的js文件

我的页面充满了HTML元素(按钮、复选框、可拖放列表等)。所有的交互侦听器和处理程序都在一个
$(document).ready(…

我曾考虑为单独的“组”操作创建单独的JS文件,但考虑到将需要的多个http获取操作,我不确定这是否是一个好主意

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


提前感谢。

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

您可以在唯一的$(文档)中与函数交互。准备好了吗 因此,您可以将所有其他函数放在其他文件中

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


这是一种方法,你有无数种方法。

实现这一点的方法有很多很多。 我使用并使每一段代码都成为一个模块。您可以要求或导入每一个模块,并拥有一个更干净的开发项目。然后将它们打包为一个文件“a la”,或者使用任何构建工具或工具对其进行配置