四種流行的AJAX框架jQuery,Mootools,Dojo,ExtJS的對(duì)比

1、AJAX是web2.0的基石，現(xiàn)在網(wǎng)上流行幾種開(kāi)源的AJAX框架，比如：jQuery,Mootools,Dojo,Ext JS等等，那么我們到底在什么情況下該使用那個(gè)框架？以下是一組摘抄的數(shù)據(jù)：Ajaxian在2007年底對(duì)Ajax工具進(jìn)行了調(diào)查，部分調(diào)查結(jié)果見(jiàn)下表（其中數(shù)字為調(diào)查者使用該工具的百分比，詳細(xì)的請(qǐng)參見(jiàn)網(wǎng)頁(yè)）： HYPERLINK /archives/2007ajaxtoolsusagesurveyresults /archives/2007ajaxtoolsusagesurveyresultsPrototypejQueryExtScript.aculo.usMootoolsYUI

2、JSONDojoBackbase34.1%29.3%22.5%22.3%14.3%13%12.9%11.8%8.3%其中Prototype使用率最高，很大程度上是因?yàn)樗亲钤绯墒斓目蚣?，很多以前在?xiàng)目中采用，所以現(xiàn)在一直在用讓我們來(lái)看看選擇AJAX框架的基礎(chǔ)：你的項(xiàng)目需求（即你需要哪些特性，例如是否要求做出精美的界面、特效或其它功能）是否支持A等級(jí)的瀏覽器（IE, Firefox等）？文檔的質(zhì)量：是否完善（包含教程，API，代碼示例等）框架的可擴(kuò)展性如何？為框架寫(xiě)插件容易嗎？你是否喜歡它的API的風(fēng)格？能大多程度上統(tǒng)一你的JavaScript代碼的風(fēng)格？框架大小（太大的框架導(dǎo)致用戶下載時(shí)間的延

3、長(zhǎng)）框架是否強(qiáng)迫你改變寫(xiě)HTML的方式（Dojo就是這樣）？代碼執(zhí)行速度：性能如何？代碼是否為模塊化（Mootools為高度模塊化）？代碼可重用性如何？一、jQuery主頁(yè)： HYPERLINK / /設(shè)計(jì)思想簡(jiǎn)潔的思想：幾乎所有操作都是以選擇DOM元素（有強(qiáng)大的Selector）開(kāi)始，然后是對(duì)其的操作（Chaining等特性）。優(yōu)點(diǎn)小，壓縮后代碼只有20多k （無(wú)壓縮代碼94k）。Selector 和 DOM 操作的方便:jQuery 的 Selector 與 mootools 的 Element.Selectors.js 比較，CSS Selector,XPath Selector（1.2

4、 后已刪除）Chaining:總是返回一個(gè)jQuery對(duì)象，可以連續(xù)操作。文檔的完整，易用性（每個(gè)API都有完整的例子，這是其它框架現(xiàn)在不能比的），而且網(wǎng)上還有很多其它的文檔，書(shū)籍。應(yīng)用的廣泛，包括google code也使用了 jQuery。使用 jQuery 的站點(diǎn)：/Sites_Using_jQuery核心的開(kāi)發(fā)團(tuán)隊(duì)和核心人員：John Resig等。簡(jiǎn)潔和簡(jiǎn)短的語(yǔ)法，容易記。可擴(kuò)展性：有大量用戶開(kāi)發(fā)的插件可供使用（/plugins/）jQuery UI （/plugins/,基于jQuery，但和核心的jQuery 是獨(dú)立的），不斷發(fā)展中。友好和活躍的社區(qū)：google groups：

5、 HYPERLINK /Discussion /Discussion事件處理有很多方便的方法，如click，而不是單一的addEvent之類的。缺點(diǎn)由于設(shè)計(jì)思想是追求高效和簡(jiǎn)潔，沒(méi)有面向?qū)ο蟮臄U(kuò)展。設(shè)計(jì)思路和Mootools不一樣。CSS Selector的速度稍微有些慢（但是現(xiàn)在速度已經(jīng)大幅提高）二、Mootools主頁(yè)：/設(shè)計(jì)思想面向?qū)ο蟮脑O(shè)計(jì)思想。優(yōu)點(diǎn)模塊化，各模塊代碼非常獨(dú)立，最小的核心只有8k，最大的優(yōu)點(diǎn)是可選擇使用哪些模塊，用的時(shí)候只導(dǎo)入使用的模塊即可，完整的也不到180k（沒(méi)有壓縮），壓縮后不到70k。語(yǔ)法的簡(jiǎn)潔，直觀。特效（Effects）:這一點(diǎn)比jQuery稍強(qiáng)，現(xiàn)在也正在

6、開(kāi)發(fā)Mootools UI （這應(yīng)該是Ajax框架開(kāi)發(fā)的一個(gè)趨勢(shì)）。代碼寫(xiě)的優(yōu)美，易閱讀和修改。文檔的完整（最新的1.2beta的文檔比以前更詳細(xì)）。活躍的社區(qū)：官網(wǎng)（/），還有一個(gè)舊C。性能：見(jiàn)：/slickspeed/缺點(diǎn)修改了低層的一些類：如Array, String等，這也是設(shè)計(jì)思想的不同。在DOM和CSS Selector上不如jQuery強(qiáng)大。三、Dojo主頁(yè)：/優(yōu)點(diǎn)背后強(qiáng)大的支持：舊M、Sun、BEA等，這是非常重要的優(yōu)勢(shì)。功能的強(qiáng)大，F(xiàn)ull Stack的框架，擴(kuò)展了 DHTML的能力，例如：支持與瀏覽器Back/Forward按鈕的集成。Dojo Offline，一個(gè)跨平臺(tái)的

7、離線存儲(chǔ)API。Chart組件，可以方便地在瀏覽器端生成圖表。基于SVG/VML的矢量圖形庫(kù)。Google Maps、Yahoo! Maps 組件，方便開(kāi)發(fā) Mashup 應(yīng)用。Comet支持，通過(guò)通用的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í)曲線陡。文檔的極端不全，這是一個(gè)很大的問(wèn)題。API很多不穩(wěn)定，各版本間改動(dòng)較大，現(xiàn)在還不是一個(gè)成熟的框架。侵入性太大，頁(yè)面中大量使用 dojo 的屬性，例如button dojoType=dijit.form

8、.Button id=helloButton，如果將來(lái)dojo升級(jí)或者換一個(gè)框架時(shí)，負(fù)擔(dān)會(huì)很大。性能問(wèn)題，由于dojo加載采用了同步的機(jī)制，會(huì)暫時(shí)鎖定瀏覽器，導(dǎo)致CPU使用率達(dá)到100%。另外，很多Widget的速度很慢。四、Ext JS主頁(yè)：/設(shè)計(jì)思想組件化，推進(jìn) RIA（Rich Internet Application）的應(yīng)用。優(yōu)點(diǎn)強(qiáng)大的UI，而且性能不錯(cuò)，這是其最大的優(yōu)點(diǎn)。速度快，管是UI還是其它模塊。100%面向?qū)ο蠛徒M件化的思想，一致的語(yǔ)法，全局的命名空間。文檔的完整，規(guī)范，方便。核心的開(kāi)發(fā)團(tuán)隊(duì)，Jack Slocum等?；钴S的社區(qū)，迅速增加的用戶量。模塊化實(shí)現(xiàn)，可擴(kuò)展性強(qiáng)。所有的

9、組件（widgets）都可直接使用，而無(wú)需進(jìn)行設(shè)置（當(dāng)然，用戶可以選擇重新配置）。缺點(diǎn)稍復(fù)雜。為重量級(jí)的框架（包含大量UI），體積大。如果導(dǎo)入ext-all.js，壓縮后也有近500k。注意：EXT的商業(yè)使用：如果只是把extjs包含在自己的項(xiàng)目中，而且這個(gè)項(xiàng)目不是賣給用戶做二次開(kāi)發(fā)的工具箱，或組件庫(kù)，就可以遵守LGPL協(xié)議免費(fèi)使用；否則要付費(fèi)?？偨Y(jié)輕量級(jí)選擇輕量級(jí)的選擇：主要是mootools和jquery，由于它們的設(shè)計(jì)思想的不同，jQuery是追求簡(jiǎn)潔和高效，Mootools除了追求這些目標(biāo)以外，其核心在于面向?qū)ο?，所以jQuery適合于快速開(kāi)發(fā)，Mootools適合于稍大型和復(fù)雜的項(xiàng)目，其中需要面向?qū)ο蟮闹С?；另外，在Ajax的支持上，jQuery稍強(qiáng)一些；在Comet的支持上，jQuery有相關(guān)的插件，Mootools目前沒(méi)有，但是Comet的核心在于服務(wù)器的支持，瀏覽器端的接口很簡(jiǎn)單，開(kāi)發(fā)相關(guān)的插件很簡(jiǎn)單。在面向?qū)ο蟮腏avascript Library中，mootools逐漸戰(zhàn)勝了 prototype（體積大，面向?qū)ο蟮脑O(shè)計(jì)不合理等）， 也包括script.acul.ous （基于prototype，實(shí)際上就是prototype上的 UI庫(kù)）。面向RIA的框架考慮純JavaScripty庫(kù)，目前主要是Dojo和ExtJS （還有YUI）。Dojo更適合企