流行的AJAX框架對比：jQuery，Mootools，Dojo，Ext JS

AJAX 是web20 的基石，如今網上流行幾種開源的AJAX框架，好比：jQuery,Mootools,Dojo,Ext JS等等，那麼咱們到底在什麼狀況下該使用那個框架？如下是一組摘抄的數據：

Ajaxian在2007年末對Ajax工具進行了調查，部分調查結果見下表（其中數字爲調查者使用該工具的百分比，詳細的請參見網頁）：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使用率最高，很大程度上是由於它是最先成熟的框架，不少之前在項目中採用，因此如今一直在用

讓咱們來看看選擇AJAX框架的基礎：

你的項目需求（即你須要哪些特性，例如是否要求作出精美的界面、特效或其它功能）

是否支持A等級的瀏覽器（IE, Firefox等）?

文檔的質量：是否完善（包含教程，API，代碼示例等）

框架的可擴展性如何？爲框架寫插件容易嗎？

你是否喜歡它的API的風格？

能大多程度上統一你的JavaScript代碼的風格？

框架大小（太大的框架致使用戶下載時間的延長）

框架是否強迫你改變寫HTML的方式（Dojo就是這樣）？

代碼執行速度：性能如何？

代碼是否爲模塊化（Mootools爲高度模塊化）？代碼可重用性如何？

 1、jQuery

主頁：http://jquery.com/

設計思想

簡潔的思想：幾乎全部操做都是以選擇DOM元素（有強大的Selector）開始，而後是對其的操做（Chaining等特性）。

優勢

小，壓縮後代碼只有20多k（無壓縮代碼94k）。

Selector和DOM操做的方便：jQuery的Selector與mootools的Element.Selectors.js比較，CSS Selector, XPath Selector（1.2後已刪除）

Chaining：老是返回一個jQuery對象，能夠連續操做。

文檔的完整，易用性（每一個API都有完整的例子，這是其它框架如今不能比的），並且網上還有不少其它的文檔，書籍。

應用的普遍，包括google code也使用了jQuery。

使用jQuery的站點：http://docs.jquery.com/Sites_Using_jQuery

核心的開發團隊和核心人員：John Resig等。

簡潔和簡短的語法，容易記。

可擴展性：有大量用戶開發的插件可供使用（http://jquery.com/plugins/ ）

jQuery UI（http://jquery.com/plugins/ ，基於jQuery，但和核心的jQuery是獨立的），不斷髮展中。

友好和活躍的社區：google groups: http://docs.jquery.com/Discussion

事件處理有不少方便的方法，如click，而不是單一的addEvent之類的。

缺點

因爲設計思想是追求高效和簡潔，沒有面向對象的擴展。設計思路和Mootools不同。

CSS Selector的速度稍微有些慢（可是如今速度已經大幅提升）

Mootools

主頁：http://mootools.net/

設計思想

面向對象的設計思想。

優勢

模塊化，各模塊代碼很是獨立，最小的核心只有8k，最大的優勢是可選擇使用哪些模塊，用的時候只導入使用的模塊便可，完整的也不到180k（沒有壓縮），壓縮後不到70k。

語法的簡潔，直觀。

特效（Effects）：這一點比jQuery稍強，如今也正在開發Mootools UI（這應該是Ajax框架開發的一個趨勢）。

代碼寫的優美，易閱讀和修改。

文檔的完整（最新的1.2beta的文檔比之前更詳細）。

活躍的社區：官網(http://forum.mootools.net/ )，還有一個IRC。

性能：見：http://mootools.net/slickspeed/

缺點

修改了低層的一些類：如Array, String等，這也是設計思想的不一樣。

在DOM和CSS Selector上不如jQuery強大。

Dojo

主頁：http://dojotoolkit.org/

優勢

背後強大的支持：IBM、Sun、BEA等，這是很是重要的優點。

功能的強大，Full Stack的框架，擴展了DHTML的能力，例如：

支持與瀏覽器Back/Forward按鈕的集成。

Dojo Offline，一個跨平臺的離線存儲API。

Chart組件，能夠方便地在瀏覽器端生成圖表。

基於SVG/VML的矢量圖形庫。

Google Maps、Yahoo! Maps組件，方便開發Mashup應用。

Comet支持，經過通用的Buyeux協議。

強大的UI（Dijit）。

面向對象的設計，統一的命名空間，包管理機制（The Package System and Custom Builds）

可擴展性。

缺點

複雜，學習曲線陡。

文檔的極端不全，這是一個很大的問題。

API不少不穩定，各版本間改動較大，如今還不是一個成熟的框架。

侵入性太大，頁面中大量使用dojo的屬性，例如<button dojoType="dijit.form.Button" id="helloButton">，若是未來dojo升級或者換一個框架時，負擔會很大。

性能問題，因爲dojo加載採用了同步的機制，會暫時鎖定瀏覽器，致使CPU使用率達到100%。另外，不少Widget的速度很慢。

Ext JS

主頁：http://extjs.com/

設計思想

組件化，推動RIA（Rich Internet Application）的應用。

優勢

強大的UI，並且性能不錯，這是其最大的優勢。

速度快，管是UI仍是其它模塊。

100%面向對象和組件化的思想，一致的語法，全局的命名空間。

文檔的完整，規範，方便。

核心的開發團隊，Jack Slocum等。

活躍的社區，迅速增長的用戶量。

模塊化實現，可擴展性強。

全部的組件（widgets）均可直接使用，而無需進行設置（固然，用戶能夠選擇從新配置）。

缺點

稍複雜。

爲重量級的框架（包含大量UI），體積大。若是導入ext-all.js，壓縮後也有近500k。

注意：EXT的商業使用：若是隻是把extjs包含在本身的項目中，並且這個項目不是賣給用戶作二次開發的工具箱，或組件庫，就能夠遵照LGPL協議無償使用；不然要付費。

總結

輕量級選擇

輕量級的選擇：主要是mootools和jquery，因爲它們的設計思想的不一樣，jQuery是追求簡潔和高效，Mootools除了追求這 些目標之外，其核心在於面向對象，因此jQuery適合於快速開發，Mootools適合於稍大型和複雜的項目，其中須要面向對象的支持；另外，在 Ajax的支持上，jQuery稍強一些；在Comet的支持上，jQuery有相關的插件，Mootools目前沒有，可是Comet的核心在於服務器 的支持，瀏覽器端的接口很簡單，開發相關的插件很簡單。

在面向對象的Javascript Library中，mootools逐漸打敗了prototype（體積大，面向對象的設計不合理等），也包括script.acul.ous（基於prototype，實際上就是prototype上的UI庫）。

面向RIA的框架

考慮純JavaScripty庫，目前主要是Dojo和ExtJS（還有YUI）。Dojo更適合企業應用和產品開發的須要，由於離線存儲、 DataGrid、2D、3D圖形、Chart、Comet等組件對於企業應用來講都是很重要的（固然這些組件還要等一段時間才能穩定下來）。例 如，BEA基於Mashup技術開發的產品中已經使用了Dojo。

ExtJS：美觀和"易用"，而且足夠強大。在對UI有比較大的需求時，是首選。