构造jquery和javascript的最佳实践（使用对象）[关闭]

Question

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

我的页面充满了 HTML 元素（按钮、复选框、可拖放列表等）。所有的交互监听器和处理程序都在$(document).ready(...的单个整体包装器中

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

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

提前谢谢你。

Answer 1

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

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

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

这是一种方法，你有数百万种方法。

Answer 2

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