posts - 25, comments - 11, trackbacks - 0, articles - 37
          幾種流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的對比

          --摘錄

          [說明]我在網(wǎng)上許多地方遇到過這篇文章,都沒有明確標(biāo)記出作者,感到奇怪??如果您是這篇文章的作者,那么十分抱歉,恕我直接到文章摘錄于此。因?yàn)檫@篇文章對我實(shí)在太具有參考價(jià)值了。原文如下:

          AJAXweb20的基石,現(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)致用戶下載時間的延長)
          框架是否強(qiáng)迫你改變寫HTML的方式(Dojo就是這樣)?
          代碼執(zhí)行速度:性能如何?
          代碼是否為模塊化(Mootools為高度模塊化)?代碼可重用性如何?

          1:Jquery

           

          主頁:http://jquery.com/

          設(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)大幅提高)

           

          2:Mootools


          主頁:http://mootools.net/

          設(shè)計(jì)思想
          面向?qū)ο蟮脑O(shè)計(jì)思想。

          優(yōu)點(diǎn)
          模塊化,各模塊代碼非常獨(dú)立,最小的核心只有8k,最大的優(yōu)點(diǎn)是可選擇使用哪些模塊,用的時候只導(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)大。


          3:Dojo


          主頁:http://dojotoolkit.org/

          優(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升級或者換一個框架時,負(fù)擔(dān)會很大。
          性能問題,由于dojo加載采用了同步的機(jī)制,會暫時鎖定瀏覽器,導(dǎo)致CPU使用率達(dá)到100%。另外,很多Widget的速度很慢。

           

          4:Ext JS


          主頁:http://extjs.com/

          設(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ū)ο螅詊Query適合于快速開發(fā),Mootools適合于稍大型和復(fù)雜的項(xiàng)目,其中需要面向?qū)ο蟮闹С郑涣硗猓贏jax的支持上,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)然這些組件還要等一段時間才能穩(wěn)定下來)。例如,BEA基于Mashup技術(shù)開發(fā)的產(chǎn)品中已經(jīng)使用了Dojo。

          ExtJS:美觀和"易用",并且足夠強(qiáng)大。在對UI有比較大的需求時,是首選。


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 名山县| 海原县| 固镇县| 辉县市| 永春县| 丹巴县| 马龙县| 蓝田县| 越西县| 永川市| 从江县| 黄山市| 瑞昌市| 灵武市| 扶风县| 桐城市| 东光县| 梁山县| 秀山| 涿州市| 南开区| 镇江市| 盐边县| 元江| 杭锦后旗| 榆树市| 那坡县| 北海市| 安顺市| 龙里县| 潼南县| 美姑县| 井冈山市| 耒阳市| 岑巩县| 贵溪市| 台安县| 山东省| 河曲县| 合山市| 长沙县|