各个前端框架对比

一、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的可扩展性，所以他相对于其他框架毫不逊色)。 



二、Extjs 
下载地址：http://extjs.com/ 
使用场景：内部系统。后台系统。管理系统等。 
推荐级别：四星 
推 荐理由：Extjs有着非常牛逼的UI设计。所以当你做像后台管理，企业内部流程，或其他管理系统的时候，这个东西无疑是你的最佳选择。为什么呢？ 因为它几行代码就可以生成非常漂亮的全界面UI，功能强大，样式可选。 做过一个CMS的后台和一个企业内部的系统都是用这个做的，节省了很多人力和时间，而且广受好评。 而它的缺点是，在一个页面加载很多tab的时候，js可能会要同时下载若干个文件。简单说就是js会比较大。 但对于后台管理和企业内部系统来说，这个会成为瓶颈。 

三、YUI 
下载地址：http://developer.yahoo.com/yui/ 
推荐级别：4星 
推 荐理由：YUI这个框架我只研究过，但没用在项目中独立使用过。大多是进入项目后，前辈们使用了YUI，然后我们在后续开发中延续了之前的角色而已。很久 以前版本的QQ硬盘、mop的某些模块使用过的，但现在就是很清楚哪些人还在用了。它和Extjs有点相似，UI方面有很多优势。 
使用场景：拆分YUI的各个模块，对不同需求采用yui中的某部分来填充到自己的模块中。或者是类似于网盘应用这种东东。 

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

五、Prototype 
最成熟的。但个人认为可以被Jquery取代。两者相似度也比较高。这里就不多说。 

六、Mootools 
下载地址：http://mootools.net/ 
推荐级别：4星 
推荐理由：OO设计思想。模块化强，耦合度比较低。有人说，它的UI效果比Jquery UI好一些，没用过它的ui就暂时不多说了。各位开发者可以参见他们的demo看效果或者选择器等东西是否适合自己。 

七、EXT 
下载地址：http://developer.sencha.com/product/extjs
推荐级别：
推荐理由： JQuery、 Prototype和YUI都属于非常核心的JS库。虽然YUI，还有最近的JQuery，都给自己构建了一系列的UI器件（Widget），不过却没有 一个真正的整合好的和完整的程序开发平台。哪怕是这些低层的核心库已经非常不错了，但当投入到真正的开发环境中，依然需要开发者做大量的工作去完善很多缺 失之处。而Ext就是要填补这些缺口。主流开源框架中只有Dojo像Ext一样，尝试着提供整合的开发平台。相比Dojo这个出色的工具包， Ext能提供一个粘合度更高的框架。Ext的各个组件在设计之时就要求和其它Ext组件组合一起工作是无缝合作的。 

八、YUI 
下载地址：http://yuilibrary.com/
推荐级别：
推荐理由：它 利用DOM脚本,DHTML和AJAX来构造具有丰富交互功能的Web程序。yui 也包含几个核心的CSS文件:一个是css page grids，用它可以很方便的布局你的网页。另外两个是standard css fonts和standard css reset,利用这两个css可以对字体等在不同浏览器中获得一致的效果. 为什么要使用YUI? 1)YUI是免费的，同时授权给商业和非利益团体或个人使用。YUI是由Yahoo!的工程师所开发和支援的。 2)方便布局网页、减少不同浏览器之间的差异： a)CSS Page Grids :网页版面工具，有了这个工具之后，不论是两栏、三栏或多栏的版面都不用担心了！ b)CSS Fonts :字体工具，替不同的浏览器统一了字体、间距等样式，用来避免不同浏览器之间的差异性。 c)CSS Reset :这也是用来统一不同浏览器之间的差异性，但是针对所有的网页元素样式。 

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