四大流行Ajax框架綜合對比
AJAX是web20的基石，現(xiàn)在網(wǎng)上流行幾種開源的AJAX框架，比如：jQuery,Mootools,Dojo,Ext JS等等，那么我們到底在什么情況下該使用那個框架？以下是一組摘抄的數(shù)據(jù)：
Ajaxian在2007年底對Ajax工具進(jìn)行了調(diào)查，部分調(diào)查結(jié)果見下表（其中數(shù)字為調(diào)查者使用該工具的百分比，詳細(xì)的請參見網(wǎng)頁）：http://ajaxian.com/archives/2007-ajax-tools-usage-survey-results
| Prototype | jQuery | Ext | Script.aculo.us | Mootools | YUI | JSON | Dojo | Backbase |
| 34.1% | 29.3% | 22.5% | 22.3% | 14.3% | 13% | 12.9% | 11.8% | 8.3% |
其中Prototype使用率最高，很大程度上是因?yàn)樗亲钤绯墒斓目蚣?，很多以前在?xiàng)目中采用，所以現(xiàn)在一直在用
讓我們來看看選擇AJAX框架的基礎(chǔ)：
你的項(xiàng)目需求（即你需要哪些特性，例如是否要求做出精美的界面、特效或其它功能）
是否支持A等級的瀏覽器（IE, Firefox等）?
文檔的質(zhì)量：是否完善（包含教程，API，代碼示例等）
框架的可擴(kuò)展性如何？為框架寫插件容易嗎？
你是否喜歡它的API的風(fēng)格？
能大多程度上統(tǒng)一你的JavaScript代碼的風(fēng)格？
框架大?。ㄌ蟮目蚣軐?dǎo)致用戶下載時(shí)間的延長）
框架是否強(qiáng)迫你改變寫HTML的方式（Dojo就是這樣）？
代碼執(zhí)行速度：性能如何？
代碼是否為模塊化（Mootools為高度模塊化）？代碼可重用性如何？
一、jQuery
設(shè)計(jì)思想
簡潔的思想：幾乎所有操作都是以選擇DOM元素（有強(qiáng)大的Selector）開始，然后是對其的操作（Chaining等特性）。
優(yōu)點(diǎn)
小，壓縮后代碼只有20多k（無壓縮代碼94k）。
Selector和DOM操作的方便：jQuery的Selector與mootools的Element.Selectors.js比較，CSS Selector, XPath Selector（1.2后已刪除）
Chaining：總是返回一個jQuery對象，可以連續(xù)操作。
文檔的完整，易用性（每個API都有完整的例子，這是其它框架現(xiàn)在不能比的），而且網(wǎng)上還有很多其它的文檔，書籍。
應(yīng)用的廣泛，包括google code也使用了jQuery。
使用jQuery的站點(diǎn)：http://docs.jquery.com/Sites_Using_jQuery
核心的開發(fā)團(tuán)隊(duì)和核心人員：John Resig等。
簡潔和簡短的語法，容易記。
可擴(kuò)展性：有大量用戶開發(fā)的插件可供使用（http://jquery.com/plugins/）
jQuery UI（http://jquery.com/plugins/，基于jQuery，但和核心的jQuery是獨(dú)立的），不斷發(fā)展中。
友好和活躍的社區(qū)：google groups: http://docs.jquery.com/Discussion
事件處理有很多方便的方法，如click，而不是單一的addEvent之類的。
缺點(diǎn)
由于設(shè)計(jì)思想是追求高效和簡潔，沒有面向?qū)ο蟮臄U(kuò)展。設(shè)計(jì)思路和Mootools不一樣。
CSS Selector的速度稍微有些慢（但是現(xiàn)在速度已經(jīng)大幅提高）
Mootools
設(shè)計(jì)思想
面向?qū)ο蟮脑O(shè)計(jì)思想。
優(yōu)點(diǎn)
模塊化，各模塊代碼非常獨(dú)立，最小的核心只有8k，最大的優(yōu)點(diǎn)是可選擇使用哪些模塊，用的時(shí)候只導(dǎo)入使用的模塊即可，完整的也不到180k（沒有壓縮），壓縮后不到70k。
語法的簡潔，直觀。
特效（Effects）：這一點(diǎn)比jQuery稍強(qiáng)，現(xiàn)在也正在開發(fā)Mootools UI（這應(yīng)該是Ajax框架開發(fā)的一個趨勢）。
代碼寫的優(yōu)美，易閱讀和修改。
文檔的完整（最新的1.2beta的文檔比以前更詳細(xì)）。
活躍的社區(qū)：官網(wǎng)(http://forum.mootools.net/)，還有一個IRC。
性能：見：http://mootools.net/slickspeed/
缺點(diǎn)
修改了低層的一些類：如Array, String等，這也是設(shè)計(jì)思想的不同。
在DOM和CSS Selector上不如jQuery強(qiáng)大。
Dojo
優(yōu)點(diǎn)
背后強(qiáng)大的支持：IBM、Sun、BEA等，這是非常重要的優(yōu)勢。
功能的強(qiáng)大，F(xiàn)ull Stack的框架，擴(kuò)展了DHTML的能力，例如：
支持與瀏覽器Back/Forward按鈕的集成。
Dojo Offline，一個跨平臺的離線存儲API。
Chart組件，可以方便地在瀏覽器端生成圖表。
基于SVG/VML的矢量圖形庫。
Google Maps、Yahoo! Maps組件，方便開發(fā)Mashup應(yīng)用。
Comet支持，通過通用的Buyeux協(xié)議。
強(qiáng)大的UI（Dijit）。
面向?qū)ο蟮脑O(shè)計(jì)，統(tǒng)一的命名空間，包管理機(jī)制（The Package System and Custom Builds）
可擴(kuò)展性。
缺點(diǎn)
復(fù)雜，學(xué)習(xí)曲線陡。
文檔的極端不全，這是一個很大的問題。
API很多不穩(wěn)定，各版本間改動較大，現(xiàn)在還不是一個成熟的框架。
侵入性太大，頁面中大量使用dojo的屬性，例如<button dojoType="dijit.form.Button" id="helloButton">，如果將來dojo升級或者換一個框架時(shí)，負(fù)擔(dān)會很大。
性能問題，由于dojo加載采用了同步的機(jī)制，會暫時(shí)鎖定瀏覽器，導(dǎo)致CPU使用率達(dá)到100%。另外，很多Widget的速度很慢。
Ext JS
設(shè)計(jì)思想
組件化，推進(jìn)RIA（Rich Internet Application）的應(yīng)用。
優(yōu)點(diǎn)
強(qiáng)大的UI，而且性能不錯，這是其最大的優(yōu)點(diǎn)。
速度快，管是UI還是其它模塊。
100%面向?qū)ο蠛徒M件化的思想，一致的語法，全局的命名空間。
文檔的完整，規(guī)范，方便。
核心的開發(fā)團(tuán)隊(duì)，Jack Slocum等。
活躍的社區(qū)，迅速增加的用戶量。
模塊化實(shí)現(xiàn)，可擴(kuò)展性強(qiáng)。
所有的組件（widgets）都可直接使用，而無需進(jìn)行設(shè)置（當(dāng)然，用戶可以選擇重新配置）。
缺點(diǎn)
稍復(fù)雜。
為重量級的框架（包含大量UI），體積大。如果導(dǎo)入ext-all.js，壓縮后也有近500k。
注意：EXT的商業(yè)使用：如果只是把extjs包含在自己的項(xiàng)目中，而且這個項(xiàng)目不是賣給用戶做二次開發(fā)的工具箱，或組件庫，就可以遵守LGPL協(xié)議免費(fèi)使用；否則要付費(fèi)。
總結(jié)
輕量級選擇
輕量級的選擇：主要是mootools和jquery，由于它們的設(shè)計(jì)思想的不同，jQuery是追求簡潔和高效，Mootools除了追求這些目標(biāo)以外，其核心在于面向?qū)ο?，所以jQuery適合于快速開發(fā)，Mootools適合于稍大型和復(fù)雜的項(xiàng)目，其中需要面向?qū)ο蟮闹С?；另外，在Ajax的支持上，jQuery稍強(qiáng)一些；在Comet的支持上，jQuery有相關(guān)的插件，Mootools目前沒有，但是Comet的核心在于服務(wù)器的支持，瀏覽器端的接口很簡單，開發(fā)相關(guān)的插件很簡單。
在面向?qū)ο蟮腏avascript Library中，mootools逐漸戰(zhàn)勝了prototype（體積大，面向?qū)ο蟮脑O(shè)計(jì)不合理等），也包括script.acul.ous（基于prototype，實(shí)際上就是prototype上的UI庫）。
面向RIA的框架
考慮純JavaScripty庫，目前主要是Dojo和ExtJS（還有YUI）。Dojo更適合企業(yè)應(yīng)用和產(chǎn)品開發(fā)的需要，因?yàn)殡x線存儲、DataGrid、2D、3D圖形、Chart、Comet等組件對于企業(yè)應(yīng)用來說都是很重要的（當(dāng)然這些組件還要等一段時(shí)間才能穩(wěn)定下來）。例如，BEA基于Mashup技術(shù)開發(fā)的產(chǎn)品中已經(jīng)使用了Dojo。
ExtJS：美觀和"易用"，并且足夠強(qiáng)大。在對UI有比較大的需求時(shí)，是首選。
【編輯推薦】
