JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區(qū)別和應(yīng)用場景簡述
更新時間:2010年04月15日 18:09:55 作者:
隨著web2.0的彪悍發(fā)展,以及瀏覽器端所承載的工作越來越大(在不是很影響性能的情況下,開發(fā)者都習(xí)慣把能用瀏覽器做的事兒都讓瀏覽器做,以減輕服務(wù)器的壓力和帶寬費(fèi)用等)。
所以Javascript已經(jīng)成為了web開發(fā)最最基本的要求之一了。 而在現(xiàn)實的敏捷開發(fā)中,我們通常會選擇一個JS框架來取代繁瑣的Native Javascript的編寫。你會發(fā)現(xiàn)這樣會節(jié)省很多的時間,寫的代碼也很清晰便捷。(當(dāng)然在學(xué)生時代的是有也質(zhì)疑過,用框架會對原生態(tài)的 Javascript理解不深入,其實這是多慮了的。在對框架的深入的同時,對原生的js也會理解的更透徹一些。成為一個精明的開發(fā)者,兩者是相依相偎的。而最好的狀態(tài)就是想Qzone前端一樣,完全按照自己的需求開發(fā)出一套JS,CSS框架。–當(dāng)然這是因為Qzone太大了)
目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。當(dāng)然還有很多我都不熟悉的框架,就沒有列舉。 很多人會在壇子里問,到底哪個框架好呢?哪個框架更牛x呢? 哪個框架OO 更舒服呢? webryan 個人覺得,這是一個新手很容易犯的錯誤邏輯。 世界上任何東西,任何工具,都沒有最好的這一個說法,只有適合和不適合。 我們要根據(jù)我們項目的真實需要來選擇具有相關(guān)特性的框架。
一、JQuery
推薦級別:五星級
使用場景:任意
下載地址:www.jquery.com 或google搜 jquery下載
推薦原因:目前來說我使用最多的框架(當(dāng)然我其他的框架也都真是項目開發(fā)過若干),也是我個人最推薦的一個。在和業(yè)內(nèi)的一些技術(shù)聊的時候,發(fā)現(xiàn) xiaonei.com的CTO 、騰訊、或是其他一些新興的web2.0大牛們都首推這個框架。 那具體好在哪呢? 1.小. (這個上量后,很嚴(yán)重的問題) 2.簡單. (學(xué)習(xí)成本低但成效高,手冊有足夠清晰的例子讓你從0到項目完成) 3.內(nèi)部結(jié)構(gòu)好開源,側(cè)重邏輯 4.對DOM選擇強(qiáng)大(其實,JS大多時候是在處理DOM)5.UI擴(kuò)展好(這里要提到的就是 Jquery tools和 Jquery UI,大家可以去搜搜看這兩個Jquery的擴(kuò)展UI,你會發(fā)現(xiàn)ui原來如此簡單,也是因為ui的可擴(kuò)展性,所以他相對于其他框架毫不遜色)。
二、Extjs
下載地址:http://extjs.com/
使用場景:內(nèi)部系統(tǒng)。后臺系統(tǒng)。管理系統(tǒng)等。
推薦級別:四星
推薦理由:Extjs有著非常牛逼的UI設(shè)計。所以當(dāng)你做像后臺管理,企業(yè)內(nèi)部流程,或其他管理系統(tǒng)的時候,這個東西無疑是你的最佳選擇。為什么呢? 因為它幾行代碼就可以生成非常漂亮的全界面UI,功能強(qiáng)大,樣式可選。 做過一個CMS的后臺和一個企業(yè)內(nèi)部的系統(tǒng)都是用這個做的,節(jié)省了很多人力和時間,而且廣受好評。 而它的缺點(diǎn)是,在一個頁面加載很多tab的時候,js可能會要同時下載若干個文件。簡單說就是js會比較大。 但對于后臺管理和企業(yè)內(nèi)部系統(tǒng)來說,這個會成為瓶頸。
三、YUI
下載地址:http://developer.yahoo.com/yui/
推薦級別:4星
推薦理由:YUI這個框架我只研究過,但沒用在項目中獨(dú)立使用過。大多是進(jìn)入項目后,前輩們使用了YUI,然后我們在后續(xù)開發(fā)中延續(xù)了之前的角色而已。很久以前版本的QQ硬盤、mop的某些模塊使用過的,但現(xiàn)在就是很清楚哪些人還在用了。它和Extjs有點(diǎn)相似,UI方面有很多優(yōu)勢。
使用場景:拆分YUI的各個模塊,對不同需求采用yui中的某部分來填充到自己的模塊中?;蛘呤穷愃朴诰W(wǎng)盤應(yīng)用這種東東。
四、Dojo
下載地址:http://dojotoolkit.org/
推薦級別:四星
推薦理由:Dojo是功能最為強(qiáng)大的javascript框架,刻意提醒一下:功能最強(qiáng)大。所以它幾乎包含了所有你可能想要用到的東西。)。 Dojo更適合企業(yè)應(yīng)用和產(chǎn)品開發(fā)的需要,因為離線存儲、DataGrid、2D、3D圖形、Chart、Comet等組件對于企業(yè)應(yīng)用來說都是很重要的(當(dāng)然這些組件還要等一段時間才能穩(wěn)定下來)。例如,BEA基于Mashup技術(shù)開發(fā)的產(chǎn)品中已經(jīng)使用了Dojo。但是但是,我們是否需要這些功能?做 web2.0產(chǎn)品是有要這么大的東東呢? 這個要按照你自己的需求來。 而且Dojo缺點(diǎn)很明顯,太大,功能太多,學(xué)習(xí)曲線太陡。 但是它做企業(yè)應(yīng)用的話,那簡直是如魚得水。這也是IBM等公司招聘的時候,把Dojo和學(xué)習(xí)Dojo放在第一位的原因。
五、Prototype
最成熟的。但個人認(rèn)為可以被Jquery取代。兩者相似度也比較高。這里就不多說。
六、Mootools
下載地址:http://mootools.net/
推薦級別:4星
推薦理由:OO設(shè)計思想。模塊化強(qiáng),耦合度比較低。有人說,它的UI效果比Jquery UI好一些,沒用過它的ui就暫時不多說了。各位開發(fā)者可以參見他們的demo看效果或者選擇器等東西是否適合自己。
ok,真正的框架還是用出來的,寫出來的。如果你看完上面的東西還是一頭霧水,那么建議你從JQuery開始吧。
目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。當(dāng)然還有很多我都不熟悉的框架,就沒有列舉。 很多人會在壇子里問,到底哪個框架好呢?哪個框架更牛x呢? 哪個框架OO 更舒服呢? webryan 個人覺得,這是一個新手很容易犯的錯誤邏輯。 世界上任何東西,任何工具,都沒有最好的這一個說法,只有適合和不適合。 我們要根據(jù)我們項目的真實需要來選擇具有相關(guān)特性的框架。
一、JQuery
推薦級別:五星級
使用場景:任意
下載地址:www.jquery.com 或google搜 jquery下載
推薦原因:目前來說我使用最多的框架(當(dāng)然我其他的框架也都真是項目開發(fā)過若干),也是我個人最推薦的一個。在和業(yè)內(nèi)的一些技術(shù)聊的時候,發(fā)現(xiàn) xiaonei.com的CTO 、騰訊、或是其他一些新興的web2.0大牛們都首推這個框架。 那具體好在哪呢? 1.小. (這個上量后,很嚴(yán)重的問題) 2.簡單. (學(xué)習(xí)成本低但成效高,手冊有足夠清晰的例子讓你從0到項目完成) 3.內(nèi)部結(jié)構(gòu)好開源,側(cè)重邏輯 4.對DOM選擇強(qiáng)大(其實,JS大多時候是在處理DOM)5.UI擴(kuò)展好(這里要提到的就是 Jquery tools和 Jquery UI,大家可以去搜搜看這兩個Jquery的擴(kuò)展UI,你會發(fā)現(xiàn)ui原來如此簡單,也是因為ui的可擴(kuò)展性,所以他相對于其他框架毫不遜色)。
二、Extjs
下載地址:http://extjs.com/
使用場景:內(nèi)部系統(tǒng)。后臺系統(tǒng)。管理系統(tǒng)等。
推薦級別:四星
推薦理由:Extjs有著非常牛逼的UI設(shè)計。所以當(dāng)你做像后臺管理,企業(yè)內(nèi)部流程,或其他管理系統(tǒng)的時候,這個東西無疑是你的最佳選擇。為什么呢? 因為它幾行代碼就可以生成非常漂亮的全界面UI,功能強(qiáng)大,樣式可選。 做過一個CMS的后臺和一個企業(yè)內(nèi)部的系統(tǒng)都是用這個做的,節(jié)省了很多人力和時間,而且廣受好評。 而它的缺點(diǎn)是,在一個頁面加載很多tab的時候,js可能會要同時下載若干個文件。簡單說就是js會比較大。 但對于后臺管理和企業(yè)內(nèi)部系統(tǒng)來說,這個會成為瓶頸。
三、YUI
下載地址:http://developer.yahoo.com/yui/
推薦級別:4星
推薦理由:YUI這個框架我只研究過,但沒用在項目中獨(dú)立使用過。大多是進(jìn)入項目后,前輩們使用了YUI,然后我們在后續(xù)開發(fā)中延續(xù)了之前的角色而已。很久以前版本的QQ硬盤、mop的某些模塊使用過的,但現(xiàn)在就是很清楚哪些人還在用了。它和Extjs有點(diǎn)相似,UI方面有很多優(yōu)勢。
使用場景:拆分YUI的各個模塊,對不同需求采用yui中的某部分來填充到自己的模塊中?;蛘呤穷愃朴诰W(wǎng)盤應(yīng)用這種東東。
四、Dojo
下載地址:http://dojotoolkit.org/
推薦級別:四星
推薦理由:Dojo是功能最為強(qiáng)大的javascript框架,刻意提醒一下:功能最強(qiáng)大。所以它幾乎包含了所有你可能想要用到的東西。)。 Dojo更適合企業(yè)應(yīng)用和產(chǎn)品開發(fā)的需要,因為離線存儲、DataGrid、2D、3D圖形、Chart、Comet等組件對于企業(yè)應(yīng)用來說都是很重要的(當(dāng)然這些組件還要等一段時間才能穩(wěn)定下來)。例如,BEA基于Mashup技術(shù)開發(fā)的產(chǎn)品中已經(jīng)使用了Dojo。但是但是,我們是否需要這些功能?做 web2.0產(chǎn)品是有要這么大的東東呢? 這個要按照你自己的需求來。 而且Dojo缺點(diǎn)很明顯,太大,功能太多,學(xué)習(xí)曲線太陡。 但是它做企業(yè)應(yīng)用的話,那簡直是如魚得水。這也是IBM等公司招聘的時候,把Dojo和學(xué)習(xí)Dojo放在第一位的原因。
五、Prototype
最成熟的。但個人認(rèn)為可以被Jquery取代。兩者相似度也比較高。這里就不多說。
六、Mootools
下載地址:http://mootools.net/
推薦級別:4星
推薦理由:OO設(shè)計思想。模塊化強(qiáng),耦合度比較低。有人說,它的UI效果比Jquery UI好一些,沒用過它的ui就暫時不多說了。各位開發(fā)者可以參見他們的demo看效果或者選擇器等東西是否適合自己。
ok,真正的框架還是用出來的,寫出來的。如果你看完上面的東西還是一頭霧水,那么建議你從JQuery開始吧。
您可能感興趣的文章:
相關(guān)文章
JavaScript 判斷用戶輸入的郵箱及手機(jī)格式是否正確
JavaScript判斷用戶輸入的郵箱格式是否正確、判斷用戶輸入的手機(jī)號格式是否正確,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12
原生JavaScript實現(xiàn)remove()和recover()功能示例
這篇文章主要介紹了原生JavaScript實現(xiàn)remove()和recover()功能,結(jié)合實例形式分析了javascript實現(xiàn)類似jQueryremove()和recover()功能的自定義函數(shù),需要的朋友可以參考下2018-07-07
當(dāng)鼠標(biāo)移出灰色區(qū)域時候,菜單項怎么隱藏起來
當(dāng)鼠標(biāo)移出灰色區(qū)域時候,菜單項怎么隱藏起來...2007-11-11
JAVA Web實時消息后臺服務(wù)器推送技術(shù)---GoEasy
本篇文章主要介紹了PHP實現(xiàn)Web實時消息后臺服務(wù)器推送技術(shù),這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。2016-11-11
從jQuery.camelCase()學(xué)習(xí)string.replace() 函數(shù)學(xué)習(xí)
camelCase函數(shù)的功能就是將形如background-color轉(zhuǎn)化為駝峰表示法:backgroundColor。2011-09-09

