所以Javascript已經(jīng)成為了web開發(fā)最最基本的要求之一了。 而在現(xiàn)實(shí)的敏捷開發(fā)中，我們通常會(huì)選擇一個(gè)JS框架來取代繁瑣的Native Javascript的編寫。你會(huì)發(fā)現(xiàn)這樣會(huì)節(jié)省很多的時(shí)間，寫的代碼也很清晰便捷。（當(dāng)然在學(xué)生時(shí)代的是有也質(zhì)疑過，用框架會(huì)對(duì)原生態(tài)的 Javascript理解不深入，其實(shí)這是多慮了的。在對(duì)框架的深入的同時(shí)，對(duì)原生的js也會(huì)理解的更透徹一些。成為一個(gè)精明的開發(fā)者，兩者是相依相偎的。而最好的狀態(tài)就是想Qzone前端一樣，完全按照自己的需求開發(fā)出一套JS,CSS框架。–當(dāng)然這是因?yàn)镼zone太大了）

目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等等。當(dāng)然還有很多我都不熟悉的框架，就沒有列舉。 很多人會(huì)在壇子里問，到底哪個(gè)框架好呢？哪個(gè)框架更牛x呢？ 哪個(gè)框架OO 更舒服呢？ webryan 個(gè)人覺得，這是一個(gè)新手很容易犯的錯(cuò)誤邏輯。 世界上任何東西，任何工具，都沒有最好的這一個(gè)說法，只有適合和不適合。 我們要根據(jù)我們項(xiàng)目的真實(shí)需要來選擇具有相關(guān)特性的框架。

一、JQuery

推薦級(jí)別：五星級(jí)

使用場(chǎng)景：任意

下載地址：www.jquery.com 或google搜 jquery下載

推薦原因：目前來說我使用最多的框架(當(dāng)然我其他的框架也都真是項(xiàng)目開發(fā)過若干)，也是我個(gè)人最推薦的一個(gè)。在和業(yè)內(nèi)的一些技術(shù)聊的時(shí)候，發(fā)現(xiàn) xiaonei.com的CTO 、騰訊、或是其他一些新興的web2.0大牛們都首推這個(gè)框架。 那具體好在哪呢？ 1.小. （這個(gè)上量后，很嚴(yán)重的問題） 2.簡(jiǎn)單. (學(xué)習(xí)成本低但成效高，手冊(cè)有足夠清晰的例子讓你從0到項(xiàng)目完成) 3.內(nèi)部結(jié)構(gòu)好開源，側(cè)重邏輯 4.對(duì)DOM選擇強(qiáng)大（其實(shí)，JS大多時(shí)候是在處理DOM）5.UI擴(kuò)展好(這里要提到的就是 Jquery tools和 Jquery UI，大家可以去搜搜看這兩個(gè)Jquery的擴(kuò)展UI，你會(huì)發(fā)現(xiàn)ui原來如此簡(jiǎn)單，也是因?yàn)閡i的可擴(kuò)展性，所以他相對(duì)于其他框架毫不遜色)。



二、Extjs

下載地址：http://extjs.com/

使用場(chǎng)景：內(nèi)部系統(tǒng)。后臺(tái)系統(tǒng)。管理系統(tǒng)等。

推薦級(jí)別：四星

推薦理由：Extjs有著非常牛逼的UI設(shè)計(jì)。所以當(dāng)你做像后臺(tái)管理，企業(yè)內(nèi)部流程，或其他管理系統(tǒng)的時(shí)候，這個(gè)東西無疑是你的最佳選擇。為什么呢？ 因?yàn)樗鼛仔写a就可以生成非常漂亮的全界面UI，功能強(qiáng)大，樣式可選。 做過一個(gè)CMS的后臺(tái)和一個(gè)企業(yè)內(nèi)部的系統(tǒng)都是用這個(gè)做的，節(jié)省了很多人力和時(shí)間，而且廣受好評(píng)。 而它的缺點(diǎn)是，在一個(gè)頁(yè)面加載很多tab的時(shí)候，js可能會(huì)要同時(shí)下載若干個(gè)文件。簡(jiǎn)單說就是js會(huì)比較大。 但對(duì)于后臺(tái)管理和企業(yè)內(nèi)部系統(tǒng)來說，這個(gè)會(huì)成為瓶頸。

三、YUI

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

推薦級(jí)別：4星

推薦理由：YUI這個(gè)框架我只研究過，但沒用在項(xiàng)目中獨(dú)立使用過。大多是進(jìn)入項(xiàng)目后，前輩們使用了YUI，然后我們?cè)诤罄m(xù)開發(fā)中延續(xù)了之前的角色而已。很久以前版本的QQ硬盤、mop的某些模塊使用過的，但現(xiàn)在就是很清楚哪些人還在用了。它和Extjs有點(diǎn)相似，UI方面有很多優(yōu)勢(shì)。

使用場(chǎng)景：拆分YUI的各個(gè)模塊，對(duì)不同需求采用yui中的某部分來填充到自己的模塊中?；蛘呤穷愃朴诰W(wǎng)盤應(yīng)用這種東東。



四、Dojo

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

推薦級(jí)別：四星

推薦理由：Dojo是功能最為強(qiáng)大的javascript框架，刻意提醒一下：功能最強(qiáng)大。所以它幾乎包含了所有你可能想要用到的東西。）。 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。但是但是，我們是否需要這些功能？做 web2.0產(chǎn)品是有要這么大的東東呢？ 這個(gè)要按照你自己的需求來。 而且Dojo缺點(diǎn)很明顯，太大，功能太多，學(xué)習(xí)曲線太陡。 但是它做企業(yè)應(yīng)用的話，那簡(jiǎn)直是如魚得水。這也是IBM等公司招聘的時(shí)候，把Dojo和學(xué)習(xí)Dojo放在第一位的原因。

五、Prototype

最成熟的。但個(gè)人認(rèn)為可以被Jquery取代。兩者相似度也比較高。這里就不多說。

六、Mootools

下載地址：http://mootools.net/

推薦級(jí)別：4星

推薦理由：OO設(shè)計(jì)思想。模塊化強(qiáng)，耦合度比較低。有人說，它的UI效果比Jquery UI好一些，沒用過它的ui就暫時(shí)不多說了。各位開發(fā)者可以參見他們的demo看效果或者選擇器等東西是否適合自己。


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

最新評(píng)論