首頁 > web前端 > js教程 > JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區別與應用場景簡述

JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區別與應用場景簡述

高洛峰
發布: 2017-01-10 11:07:36
原創
977 人瀏覽過

所以Javascript已經成為了web開發最基本的要求之一了。 而在現實的敏捷開發中,我們通常會選擇一個JS框架來取代繁瑣的Native Javascript的寫作。你會發現這樣會節省很多的時間,寫的程式碼也很清晰便捷。 (當然在學生時代的是有也質疑過,用框架會對原生態的Javascript理解不深入,其實這是多慮了的。在對框架的深入的同時,對原生的js也會理解的更透徹一些。了) 

目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。當然還有很多我都不熟悉的框架,就沒有列舉。 很多人會在祭壇裡問,到底哪個框架好呢?哪個框架比較牛x呢? 哪個框架OO 比較舒服呢? webryan 個人覺得,這是新手很容易犯的錯誤邏輯。 世界上任何東西,任何工具,都沒有最好的這一個說法,只有適合和不適合。 我們要根據我們專案的真實需求來選擇具有相關特性的框架。

一、JQuery 

推薦等級:五星級 

使用場景:任意 

下載地址:www.jquery.com 或搜尋其他的框架也都真是專案開發過若干),也是我個人最推薦的一個。在和業界的一些科技聊的時候,發現 xiaonei.com的CTO 、騰訊、或是其他一些新興的web2.0大牛們都首推這個框架。 那具體好在哪呢? 1.小.(這個上量後,很嚴重的問題) 2.簡單. (學習成本低但成效高,手冊有足夠清晰的例子讓你從0到項目完成) 3.內部結構好開源,側重邏輯4.對DOM選擇強大(其實,JS大多時候是在處理DOM)5.UI擴展好(這裡要提到的就是Jquery tools和Jquery UI,大家可以去搜搜看這兩個Jquery的擴展UI,你會發現ui原來如此簡單,也是因為ui的可擴展性,所以他相對於其他框架毫不遜色)。 

二、Extjs 

下載網址:http://extjs.com/ 

使用情境:內部系統。後台系統。管理系統等。 

推薦等級:四星 

推薦理由:Extjs有著非常屌的UI設計。所以當你做像後台管理,企業內部流程,或其他管理系統的時候,這個東西無疑是你的最佳選擇。為什麼呢? 因為它幾行程式碼就可以產生非常漂亮的全介面UI,功能強大,樣式可選。 做過一個CMS的後台和一個企業內部的系統都是用這個做的,節省了很多人力和時間,而且廣受好評。 而它的缺點是,在一個頁面載入很多tab的時候,js可能會要同時下載若干個檔案。簡單說就是js會比較大。 但對於後台管理和企業內部系統來說,這會變成瓶頸。

三、YUI 

下載地址:http://developer.yahoo.com/yui/ 

建議等級:4星 

推薦理由:YUI這個框架我只研究過,但沒用在專案中獨立使用過。大多是進入專案後,前輩們使用了YUI,然後我們在後續開發中延續了先前的角色而已。很久以前版本的QQ硬碟、mop的某些模組使用過的,但現在就是很清楚哪些人還在用了。它和Extjs有點相似,UI方面有很多優勢。 

使用情境:分割YUI的各個模組,對不同需求採用yui中的某部分來填入自己的模組中。或者是類似網盤應用這種東東。 

四、Dojo 

下載地址:http://dojotoolkit.org/ 

推薦等級:四星 

有最理由推薦:Dojo是功能最強大的javascript框架,刻意提醒一下:最強大。所以它幾乎包含了所有你可能想要使用的東西。 )。 Dojo更適合企業應用和產品開發的需要,因為離線儲存、DataGrid、2D、3D圖形、Chart、Comet等元件對於企業應用來說都是很重要的(當然這些元件還要等一段時間才能穩定下來) 。例如,BEA基於Mashup技術開發的產品中已經使用了Dojo。但是但是,我們是否需要這些功能?做 web2.0產品是有這麼大的東東呢? 這個要按照你自己的需求來。 而且Dojo缺點很明顯,太大,功能太多,學習曲線太陡。 但它做企業應用的話,那簡直是如魚得水。這也是IBM等公司招募的時候,把Dojo和學習Dojo放在第一位的原因。 

五、Prototype 

最成熟的。但個人認為可以被Jquery取代。兩者相似度也比較高。這裡就不多說。 

六、Mootools 

下載網址:http://mootools.net/ 

建議等級:4星 

推薦理由:OO設計思想。模組化強,耦合度比較低。有人說,它的UI效果比Jquery UI好一些,沒用過它的ui就暫時不多說了。各位開發者可以參考他們的demo看效果或選擇器等東西是否適合自己。 


ok,真正的框架還是用出來的,寫出來的。如果你看完上面的東西還是一頭霧水,那麼建議你從JQuery開始吧。

更多JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區別和應用場景簡述相關文章請關注PHP中文網!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板