【轉】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開始吧。