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

时间:2012-11-26 18:01:39

标签: javascript jquery html asp.net-mvc jquery-ui

我刚刚完成了一个使用ASP.NET MVC,jQuery和jQueryUI的项目。我写的其中一个页面仍然困扰着我,因为我最终为事件处理程序编写了大量客户端代码,并且由于页面上控件的交互和状态(页面)的复杂性而使它失控是非常互动的,并有谷歌文档的感觉)。我的问题是有哪些最佳实践可用于具有复杂交互的客户端开发(特别是使用jQuery和jQueryUI)(如google docs或yahoo的邮件客户端)?我对代码的最大抱​​怨是,对于几乎所有的事件处理程序,我最终编写了很多基于页面上其他控件状态执行代码的if语句。似乎必须有一种方法以更加可控的方式处理这个问题。

3 个答案:

答案 0 :(得分:0)

通过'project silk'我学到了很多东西:

  

Project Silk提供了构建跨浏览器Web的指导   专注于客户端交互的应用程序。

根据您提供的简短描述,您似乎主要关注应用程序的某些部分如何与其他人通信。听起来你有很紧密的联系 This可能会给你一些想法。

答案 1 :(得分:0)

通常,您制作的模块越复杂,就越容易组合复杂的应用程序。将事情分解为只做一件事(单一责任)的离散组件,并且有明确定义的API与系统的其他部分进行交互。这在理论上听起来很简单,但在实践中,在开始编写任何代码之前,您确实需要在应用程序的体系结构中加入大量的思考。

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

答案 2 :(得分:-1)

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

浏览TODOMVC项目的所有项目。

我会选择AngularJS用于中小型应用程序,而GWT用于更大的应用程序(ASPNET作为服务器端)