javascript - 组织javascript代码

Question

我正在制作一个 javascript 应用程序。通常我所做的是制作不同的模块并在 $(document).ready(); 函数中获取用户输入或点击事件。这适用于小型应用程序。但是当我遵循相同的模式时，我的意思是在 $(document).ready(); 中获取点击事件然后它变得困惑。

那么我该如何为一个巨大的应用程序组织这个文件呢？

提前致谢

Answer 1

我找到的关于这个主题的最佳资源是 Addy Osmani 的创作共用书，Patterns for Large-Scale JavaScript Application Architecture .它基于 Nicholas Zakas 的一部分 Scalable JavaScript Application Architecture ，使其适应经典设计模式和现代工作流程。

一旦您达到了适度的复杂程度，您将受益于使用使用 MVC 架构模式的变体构建的框架。 Backbone.js是领跑者并且是一个微框架，这意味着它比其他框架更少牵手。其他受欢迎的选择是 Ember.js , KnockoutJS .

扩展和样板也建立在这些框架之上，以处理数据/模型绑定(bind)和脚手架等重复性任务。对于主干，请查看 Backbone.Marionette来自 Derick Bailey 和 Backbone Aura ，一个尚未完全准备好生产的 Osmani/Zakas 架构模型的改编，使用 Backbone 作为它的……好吧， Backbone 。