最佳的组织jQuery/JavaScript代码的方法（2013）[已关闭]

9 浏览
0 Comments

最佳的组织jQuery/JavaScript代码的方法（2013）[已关闭]

问题

这个问题以前已经有人回答过，但是过时了。我有超过2000行代码在一个文件中，正如我们所知，这是不好的实践，特别是当我查看代码或添加新功能时。我想更好地组织我的代码，为现在和未来做准备。

我应该提到，我正在构建一个工具（不是一个简单的网站），其中包含很多按钮、UI元素、拖放、动作监听器/处理程序和在全局范围内的函数，多个监听器可能使用同一个函数。

示例代码

$('#button1').on('click', function(e){
    // 确定的动作。
    update_html();
});
... // 还有75行类似的代码
function update_html(){ .... }
...

更多示例代码请点击这里。

结论

我真的需要为了最佳使用和不重复自己的目的来组织这段代码，并且能够添加新功能和更新旧功能。我将独自工作在这上面。有些选择器可能有100行代码，而其他选择器只有1行。我看了一下`require.js`，发现它有点重复，并且实际上写了比需要的代码还多。我对任何符合这些标准的可能解决方案都持开放态度，资源/示例的链接总是有帮助的。

谢谢。

0