橫幅廣告

2011年11月7日 星期一

(2) YUI與jQuery

YUI與 jQuery 都是我個人相當喜愛的前端工具,而jQuery那句 The Write Less, Do More更是深得我心。

其實,早些年前,我也分不太清楚兩者的差異,總覺的兩個都是Cross-browser的framework,直到開始使用兩套framework進行網頁的前端開發,才漸漸對兩者有了更深一層的了解。

在YUI這方面,YUI給我的感覺比較像一套Total solution,為什麼?因為YUI除了提供相當多的Widget之外,另外也提供了相當多的Utility,例如CSS Tool、Event、Animation、Browser History Manager、Drag and Drop、AJAX、JSON及Selector等等。另外,YUI是在一個較統一的架構下進行開發,其程式撰寫風格、使用方式以及介面風格較為統一,並且程式範例、文件相當齊全,如此一來可能有助於使用者可以觸類旁通,在遇到問題時,也有相當完整的文件考供參考(缺點是目前大多都為英文)

而jQuery這邊,我個人相當喜歡它的簡潔,在使用上非常的方便(Easy)且有力(Powerful),只要買一相關的書籍,快速的翻閱一下,幾乎可以馬上感受到它的效用及易上手,也可能是jQuery實在太方便,促使YUI3的誕生(笑,這點我不敢肯定,不過YUI3的確簡化了不少使用的程序)。jQuery主要可分為兩個部份,一部份是Core,提供Selector、Animation、AJAX....等等,其中我個人覺的Selector、Animation在推出時更是打敗天下無敵手,當初都是使用Prototype Javascript的我,看到jquery真是痛哭流涕,省下來的時間都快可以為老闆多接一個CASE了(咦,為什麼不是提早下班?)。另外,jQuery UI也提供UI較有關的Utility及Widget,讓前端開發者也可以享受同一體系出來的Widget,不僅可與jQuery完美的搭配,其程式風格也相當簡潔,個人有時在小專案中也會使用jQuery UI的Widget,畢竟殺雞不一定非得用牛刀,這個輕盈的工具也是相當好用的。

相較YUI,jQuery目前所提供的Widget數目較少,部份jQuery UI未提供的Widget在網路上也找的到熱心人士所開發出來的Widget,但是缺點就是風格較不統一,以及未能保證其可靠性。因此,基於這幾點,使得我最後在前端開發上,大多採用YUI的Widget較多。

事實上應該這麼說,我在介面的呈現及Widget我採用相當多的YUI工具,但是在Selector、Animation、AJAX我個人則是傾向使用jQuery,主要理由可能跟習慣及方便性有關,而換句話或許也可以說同時使用兩套Framework來互相截長補短,以提升開發速度,讓自己可以不必一直埋首與程式碼奮鬥。

沒有留言:

張貼留言