使用JavaScript和jQuery开发复杂网页的最佳实践

Question

我刚刚完成了一个使用ASP.NET MVC、jQuery和jQueryUI的项目。我写的一个页面仍然困扰着我，因为我最终为事件处理程序编写了很多客户端代码，由于页面上控件的交互及其状态的复杂性，它变得无法控制(页面的交互性很强，有一种google docs的感觉)。我的问题是，对于具有复杂交互(如谷歌文档或雅虎邮件客户端)的客户端开发(特别是使用jQuery和jQueryUI)，有哪些最佳实践可用？我对我的代码最大的抱怨是，对于几乎所有的事件处理程序，我最终都编写了大量的if语句，这些语句根据页面上其他控件的状态执行代码。似乎必须有一种更受控制的方式来处理这件事。

Answer 1

一般来说，模块化程度越高，就越容易将复杂的应用程序组合在一起。将事情分解成离散的组件，这些组件只做一件事(单一责任)，并具有清晰定义的API来与系统的其他部分交互。这在理论上听起来很简单，但在实践中，在开始编写任何代码之前，您确实需要在应用程序的架构上投入大量的思想。

John Papa的course on Single Page Applications是一个很好的起点。

Answer 2

我从'project silk'中学到了很多：

Project Silk提供了构建跨浏览器web应用程序的指南，重点放在客户端交互性上。

从您给出的简短描述来看，您似乎主要是在应用程序的某些部分如何与其他部分进行通信方面存在问题。听起来你已经把它紧密结合在一起了。

This可能会给你一些想法。

Answer 3

在决定选择客户端框架时，有很多选择。

浏览TODOMVC项目上的所有项目。

对于中小型应用，我会选择AngularJS，而对于更大的应用，我会选择GWT (ASP.NET作为服务器端)