javascript/jquery代码组织

标签 javascript jquery code-structure

我想获得一些关于构建我的 javascript 代码和 jquery 函数的建议。我喜欢使用 JQuery 进行 dom 事件处理和 ajax 等。我过去写过一些看起来很糟糕的代码,我的整个 js 文件由一堆匿名的 Jquery 函数组成。

我想知道 - 与 JQuery 结合使用时,“结构良好”的 javascript 文件是什么样的?是否会有许多标准的 javascript 函数,然后在需要时放入一些 JQuery $() 函数?以纯粹的过程方式处理代码是否可以,还是最好使用一些 OOP 概念?我一直只有一堆函数,这些函数在这里和那里用辅助函数分层相互调用,没有对象(除了那些在使用一些随机的第 3 方库时使用的对象)。

我不是 javascript 程序员(主要是 Java),所以经验丰富的 js 开发人员的任何建议都会很棒。

最佳答案

老实说,我尝试将 MVC 概念应用到 jQuery。一旦你写了大约 500 行,不这样做只会让你很难跟上内容。

模型

  • 任何本地缓存的数据
  • cookies
  • 从服务器读取/写入服务器 (AJAX)

查看

  • 基本上所有 DHTML 内容(HTML 生成/操作、CSS 更改、动画/效果等)

Controller

  • 事件处理(用户事件和自定义事件)

甚至还有some projects out there为此。

关于javascript/jquery代码组织,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3290921/

相关文章:

javascript - 日期前面的 `+` 有何作用?

javascript - 在 jQuery 的 get 速记上设置超时

javascript - Accordion 箭头定位在 div 内

javascript - Toggle 在 Web 上工作但不在 CRM 2013 中工作的 Div

Python 类可以带参数吗?

javascript - 如何使用扩展语法或解构为 `this` 值?

javascript - HTML2PDF自动打印

javascript - 为 Accordion 打开/关闭添加缓动效果

jquery - 如何将 int 数组从 jquery ajax 传递到 asp.net mvc 操作

javascript - 为什么使用 bin/www 而不是 index.js?