jQuery Javascript大规模应用程序开发

时间:2010-07-01 15:44:47

标签: javascript jquery web-applications jquery-plugins

我刚刚被要求描述我将要开展的大规模dashbaord风格项目的架构。

我已经开始研究这种规模的应用程序了,但是对于说些什么而言有点迷失。

我是否可以指出任何可能帮助我开始并希望完成的文章的方向。

到目前为止,我已经收集了以下信息,但我不确定它是否描述了该架构。

1)使用类而不是单独的函数,每个类或组应包含在自己的JS文件中

2)在制作之前,应该有一个编译步骤,其中所述JS文件被编译和缩小

3)Step2不必包含所有文件。 Jsut常见的开始

4)使用类加载器在需要时加载类,插件等。研究可以将jQuery的getScript函数用于这个甚至是jQuery插件加载器:

http://api.jquery.com/jQuery.getScript/

http://www.unwrongest.com/projects/lazy/

感觉在莫的深处,所以任何帮助都会受到大力赞赏。说实话,如果以上是无关紧要的,那么我想我的工作是错误的:(

3 个答案:

答案 0 :(得分:4)

您可以在此处找到您需要了解的所有内容:

http://addyosmani.com/largescalejavascript/

创建一个松散耦合组件库,通过应用程序控制器(例如事件总线)进行通信。

答案 1 :(得分:2)

我建议使用ExtJS 4进行此操作。它的API和开发方法密切跟踪您对.NET或Java的期望,以开发大型桌面应用程序。

第四版回答了你所有的四点。它有......

1)用于在Javascript中定义类似Java / C#的类的系统,其工作方式几乎与Java或C#开发人员期望的方式相同。 2)动态资源加载。 3)能够从SDK创建最终产品,这是一个整洁,压缩的版本,包含您所需要的。

答案 2 :(得分:2)

如果您要使用纯Javascript执行此操作,请确保在作业中使用某些参考体系结构。 HDave上面提到的是非常好的材料。如果您想将现成的参考架构作为项目启动代码,请查看BoilerplateJS:

http://boilerplatejs.org

在一些大型项目之后,我已经将一些学习内容编译到了这个框架中。看看样品。您提出的一些问题已在此代码库中得到解决,例如使用OO概念,缩小和优化,解耦模块设计等等。