幾種JavaScript庫(kù)之間的比較

導(dǎo)航: 上一頁 | aJAX| XML | DreamWeaver | PhotoShop | Discuz | Asp | php | java | HTML | XHTML

目錄

• 1 jQuery
• 2 Mootools
• 3 Dojo
• 4 Ext JS
• 5 總結(jié)
• 6 相關(guān)條目閱讀

jQuery

設(shè)計(jì)思想

簡(jiǎn)潔的思想：幾乎所有操作都是以選擇DOM元素（有強(qiáng)大的Selector）開始，然后是對(duì)其的操作（Chaining等特性）。

優(yōu)點(diǎn)

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

• Selector和DOM操作的方便.

• Chaining：總是返回一個(gè)jQuery對(duì)象，可以連續(xù)操作。

• 文檔的完整，易用性（每個(gè)API都有完整的例子，這是其它框架現(xiàn)在不能比的），而且網(wǎng)上還有很多其它的文檔，書籍。

• 應(yīng)用的廣泛，包括google code,drupal、wordpress。

缺點(diǎn)

由于設(shè)計(jì)思想是追求高效和簡(jiǎn)潔，沒有面向?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。

• 語法的簡(jiǎn)潔，直觀；代碼寫的優(yōu)美，易閱讀和修改。

• 特效,這一點(diǎn)比jQuery稍強(qiáng)，現(xiàn)在也正在開發(fā)Mootools UI（這應(yīng)該是Ajax框架開發(fā)的一個(gè)趨勢(shì)）。

缺點(diǎn)

• 修改了低層的一些類：如Array, String等，這也是設(shè)計(jì)思想的不同.

• 在DOM和CSS Selector上不如jQuery強(qiáng)大。

Dojo

優(yōu)點(diǎn)

• 背后強(qiáng)大的支持：IBM、Sun、等，這是非常重要的優(yōu)勢(shì)。

• 功能的強(qiáng)大，F(xiàn)ull Stack的框架，擴(kuò)展了DHTML的能力，例如：支持與瀏覽器Back/Forward按鈕的集成。

• Dojo Offline，一個(gè)跨平臺(tái)的離線存儲(chǔ)API。

• Chart組件，可以方便地在瀏覽器端生成圖表。

• 基于SVG/VML的矢量圖形庫(kù)。

• Google Maps、Yahoo! Maps組件，方便開發(fā)Mashup應(yīng)用。

Comet支持，通過通用的Buyeux協(xié)議。

• 強(qiáng)大的UI（Dijit）。

• 面向?qū)ο蟮脑O(shè)計(jì)，統(tǒng)一的命名空間，包管理機(jī)制、可擴(kuò)展性。

缺點(diǎn)

• 復(fù)雜，學(xué)習(xí)曲線陡。
• 文檔的極端不全，這是一個(gè)很大的問題。
• API很多不穩(wěn)定，各版本間改動(dòng)較大，現(xiàn)在還不是一個(gè)成熟的框架。
• 侵入性太大，頁面中大量使用dojo的屬性，例如<button dojoType="dijit.form.Button" id="helloButton">，如果將來dojo升級(jí)或者換一個(gè)框架時(shí)，負(fù)擔(dān)會(huì)很大。

性能問題，由于dojo加載采用了同步的機(jī)制，會(huì)暫時(shí)鎖定瀏覽器，導(dǎo)致CPU使用率達(dá)到100%。另外，很多Widget的速度很慢。

Ext JS

設(shè)計(jì)思想

組件化，推進(jìn)RIA的應(yīng)用。

優(yōu)點(diǎn)

• 強(qiáng)大的UI，而且性能不錯(cuò)，這是其最大的優(yōu)點(diǎn)。
• 速度快，管是UI還是其它模塊。
• 100%面向?qū)ο蠛徒M件化的思想，一致的語法，全局的命名空間。
• 文檔的完整，規(guī)范，方便。
• 模塊化實(shí)現(xiàn)，可擴(kuò)展性強(qiáng)。
• 所有的組件（widgets）都可直接使用，而無需進(jìn)行設(shè)置（當(dāng)然，用戶可以選擇重新配置）。

缺點(diǎn)

• 稍復(fù)雜。
• 為重量級(jí)的框架（包含大量UI），體積大。如果導(dǎo)入ext-all.js，壓縮后也有近500k。

注意：EXT的商業(yè)使用：如果只是把extjs包含在自己的項(xiàng)目中，而且這個(gè)項(xiàng)目不是賣給用戶做二次開發(fā)的工具箱，或組件庫(kù)，就可以遵守LGPL協(xié)議免費(fèi)使用；否則要付費(fèi)。

總結(jié)

輕量級(jí)選擇 輕量級(jí)的選擇：主要是mootools和jquery，由于它們的設(shè)計(jì)思想的不同，jQuery是追求簡(jiǎn)潔和高效，Mootools除了追求這些目標(biāo)以外，其核心在于面向?qū)ο?，所以jQuery適合于快速開發(fā)，Mootools適合于稍大型和復(fù)雜的項(xiàng)目，其中需要面向?qū)ο蟮闹С?；另外，?a href="/wiki/Ajax" class="mw-redirect" title="Ajax">Ajax的支持上，jQuery稍強(qiáng)一些；在Comet的支持上，jQuery有相關(guān)的插件，Mootools目前沒有，但是Comet的核心在于服務(wù)器的支持，瀏覽器端的接口很簡(jiǎn)單，開發(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更適合企業(yè)應(yīng)用和產(chǎn)品開發(fā)的需要，因?yàn)殡x線存儲(chǔ)、DataGrid、2D、3D圖形、Chart、Comet等組件對(duì)于企業(yè)應(yīng)用來說都是很重要的（當(dāng)然這些組件還要等一段時(shí)間才能穩(wěn)定下來）。例如，BEA基于Mashup技術(shù)開發(fā)的產(chǎn)品中已經(jīng)使用了Dojo。

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

相關(guān)條目閱讀

• Prototype
• jQuery