【转】JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述

小满语：不少像小满同样的新手在学习了js框架以后以为对这些框架傻傻分不清楚，因此小满找了一篇大牛写的这些js框架的区别来学习比较，以避免在使用时混淆，目前也有新的框架和技术继续出现，欢迎你们补充~

 

 

随着web的火速发展，因此Javascript已经成为了web开发最最基本的要求之一了。 而在现实的敏捷开发中，咱们一般会选择一个JS框架来取代繁琐的Native Javascript的编写。你会发现这样会节省不少的时间，写的代码也很清晰便捷。（固然在学生时代的是有也质疑过，用框架会对原生态的 Javascript理解不深刻，其实这是多虑了的。在对框架的深刻的同时，对原生的js也会理解的更透彻一些。成为一个精明的开发者，二者是相依相偎的。而最好的状态就是想Qzone前端同样，彻底按照本身的需求开发出一套JS,CSS框架。–固然这是由于Qzone太大了）

目前流行的JS框架不少Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。固然还有不少我都不熟悉的框架，就没有列举。 不少人会在坛子里问，到底哪一个框架好呢？哪一个框架更牛x呢？ 哪一个框架OO 更舒服呢？ webryan 我的以为，这是一个新手很容易犯的错误逻辑。 世界上任何东西，任何工具，都没有最好的这一个说法，只有适合和不适合。 咱们要根据咱们项目的真实须要来选择具备相关特性的框架。 

1、JQuery 

推荐级别：五星级 

使用场景：任意 

下载地址：www.jquery.com 或google搜 jquery下载 

推荐缘由：目前来讲我使用最多的框架(固然我其余的框架也都真是项目开发过若干)，也是我我的最推荐的一个。在和业内的一些技术聊的时候，发现 xiaonei.com的CTO 、腾讯、或是其余一些新兴的web2.0大牛们都首推这个框架。 那具体好在哪呢？ 1.小. （这个上量后，很严重的问题） 2.简单. (学习成本低但成效高，手册有足够清晰的例子让你从0到项目完成) 3.内部结构好开源，侧重逻辑 4.对DOM选择强大（其实，JS大多时候是在处理DOM）5.UI扩展好(这里要提到的就是 Jquery tools和 Jquery UI，你们能够去搜搜看这两个Jquery的扩展UI，你会发现ui原来如此简单，也是由于ui的可扩展性，因此他相对于其余框架绝不逊色)。



2、Extjs 

下载地址：http://extjs.com/ 

使用场景：内部系统。后台系统。管理系统等。 

推荐级别：四星 

推荐理由：Extjs有着很是牛逼的UI设计。因此当你作像后台管理，企业内部流程，或其余管理系统的时候，这个东西无疑是你的最佳选择。为何呢？ 由于它几行代码就能够生成很是漂亮的全界面UI，功能强大，样式可选。 作过一个CMS的后台和一个企业内部的系统都是用这个作的，节省了不少人力和时间，并且广受好评。 而它的缺点是，在一个页面加载不少tab的时候，js可能会要同时下载若干个文件。简单说就是js会比较大。 但对于后台管理和企业内部系统来讲，这个会成为瓶颈。 

3、YUI 

下载地址：http://developer.yahoo.com/yui/ 

推荐级别：4星 

推荐理由：YUI这个框架我只研究过，但没用在项目中独立使用过。大可能是进入项目后，前辈们使用了YUI，而后咱们在后续开发中延续了以前的角色而已。好久之前版本的QQ硬盘、mop的某些模块使用过的，但如今就是很清楚哪些人还在用了。它和Extjs有点类似，UI方面有不少优点。 

使用场景：拆分YUI的各个模块，对不一样需求采用yui中的某部分来填充到本身的模块中。或者是相似于网盘应用这种东东。 



4、Dojo 

下载地址：http://dojotoolkit.org/ 

推荐级别：四星 

推荐理由：Dojo是功能最为强大的javascript框架，刻意提醒一下：功能最强大。因此它几乎包含了全部你可能想要用到的东西。）。 Dojo更适合企业应用和产品开发的须要，由于离线存储、DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来讲都是很重要的（固然这些组件还要等一段时间才能稳定下来）。例如，BEA基于Mashup技术开发的产品中已经使用了Dojo。可是可是，咱们是否须要这些功能？作 web2.0产品是有要这么大的东东呢？ 这个要按照你本身的需求来。 并且Dojo缺点很明显，太大，功能太多，学习曲线太陡。 可是它作企业应用的话，那简直是如鱼得水。这也是IBM等公司招聘的时候，把Dojo和学习Dojo放在第一位的缘由。 

5、Prototype 

最成熟的。但我的认为能够被Jquery取代。二者类似度也比较高。这里就很少说。 

6、Mootools 

下载地址：http://mootools.net/ 

推荐级别：4星 

推荐理由：OO设计思想。模块化强，耦合度比较低。有人说，它的UI效果比Jquery UI好一些，没用过它的ui就暂时很少说了。各位开发者能够参见他们的demo看效果或者选择器等东西是否适合本身。 


ok，真正的框架仍是用出来的，写出来的。若是你看完上面的东西仍是一头雾水，那么建议你从JQuery开始吧。