幾種流行的AJAX架構對比:Jquery,Mootools,Dojo,ExtJs,Dwr

來源:互聯網
上載者:User

標籤:文法   純java   並且   機制   向量圖形   成熟   不能   書籍   除了   

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。
簡潔和簡短的文法,容易記。
可擴充性:有大量使用者開發的外掛程式可供使用(http://jquery.com/plugins/)
jQuery UI(http://jquery.com/plugins/,基於jQuery,但和核心的jQuery是獨立的),不斷髮展中。

活躍的社區:http://docs.jquery.com/Discussion
事件處理有很多方便的方法,如click,而不是單一的addEvent之類的。

缺點
由於設計思想是追求高效和簡潔,沒有物件導向的擴充。設計思路和Mootools不一樣。
CSS Selector的速度稍微有些慢(但是現在速度已經大幅提高) 

2:Mootools
首頁:http://mootools.net/

設計思想:物件導向的設計思想。

優點
模組化,各模組代碼非常獨立,最小的核心只有8k,最大的優點是可選擇使用哪些模組,用的時候只匯入使用的模組即可,完整的也不到180k(沒有壓縮),壓縮後不到70k。
特效(Effects):這一點比jQuery稍強,現在也正在開發Mootools UI(這應該是Ajax架構開發的一個趨勢)。
代碼寫的優美,易閱讀和修改。文法的簡潔直觀。
文檔的完整(最新的1.2beta的文檔比以前更詳細)。
活躍的社區:官網(http://forum.mootools.net/),還有一個IRC。

缺點
修改了低層的一些類:如Array, String等,這也是設計思想的不同。
在DOM和CSS Selector上不如jQuery強大。
3: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的速度很慢。

4:Ext JS
首頁:http://extjs.com/

設計思想:組件化,推進RIA(Rich Internet Application)的應用。

優點
強大的UI,而且效能不錯,這是其最大的優點。
速度快,管是UI還是其它模組。
100%物件導向和組件化的思想,一致的文法,全域的命名空間。
文檔完整,規範,方便。
活躍的社區,迅速增加的使用者量。
模組化實現,可擴充性強。
所有的組件(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有比較大的需求時,是首選。

幾種流行的AJAX架構對比:Jquery,Mootools,Dojo,ExtJs,Dwr

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.