2012 年 Github 上最多星星的 JavaScript Library

資料來源:http://jster.net/blog/javascript-libraries-started-in-2012#.US4T3euLj48

雖然時間已經來到 2013 年 2 月底了,在 2012 一整年裡獲得最多星星關注的開源 JavaScript library 還是值得我們花一點時間來看一下。如果大家有在關注宇宙間的程式語言排行榜的話,一定會知道 Tiobe  Index,並且也一定會知道前兩名通常都是 C 或是 Java(近幾年拜 iOS 之賜,Objective-C 竄起的很快)。但在 Tiobe Index 連前十名都排不進的 JavaScript 在 Github 上可是完勝其他語言啊。

我們就來看看 Github 上最受大家喜愛的前幾名 JavaScript Library 都在幹啥吧。

 

第 1 名

Meteor 
Github Repo 

Meteor 是一套純 JavaScript 的 Web 框架,可以非常快速簡單的做出 real time Web App,威力十分強大。本站總編輯還特別因此發了兩篇文章(Meteor 初體驗 / )來推廣 Meteor。

這邊可以簡單看一下 Meteor 的 Example:

 

第 2 名

Select2 
Github Repo 

如果你曾經為了想要客製化你的 HTML 下拉式選單 (Select Tag),那你一定可以感受到那痛苦,尤其是以前 IE 甚至用一個獨立的 Win32 視窗來實作下拉選單。如果你正因為這問題而苦惱,你一定會因為這 Select2 Library 而得救,看看這下拉選項的 style 多麼的簡潔。甚至它還支援遠端資料,搜尋以及無窮捲軸 …

 

第 3 名

Hammer.js 
Github Repo 

Hammer.js 是一套很完整的手勢偵測 library,從這個頁面可以測試看看它支援哪一些 gestures,不得不說這真的是很強大的 gesture detector,但是如果你不需要這麼強大的,只需要簡單的 touch event 的話 Touch Punch 應該會是個還不錯的選擇。

 

第 4 名

Turn.js 
Github Repo 

Turn.js 是筆者很愛的一套 library ,翻頁效果在十年前是很難在網頁上實現的,當年最流行的方法是走 flash 的路,但我個人實在對於 flash 無愛,一直在找尋 JavaScript 的 solution,在 CSS transform 以及 gradients 出現之前,JS 的翻頁效果真的是糟,但 Turn.js 真的是透過 CSS3 把翻頁效果做得很可以讓人接受。比較可惜的是在 mobile platform 上面沒有在 desktop 上這麼順。

 

第 5 名

Mousetrap 
Github Repo 

Mousetrap 是一套可以綁定快捷鍵的 library,比如可以綁定 Ctrl-s 之類的,但我實在不太理解為什麼這可以排在第五名?難道現在大部分的網站都默默地提供了快速鍵?

 

第 6 名

Tinycon 
Github Repo 

Tinycon 是一套很有趣的 library,它做的事情是可以動態改變你的網站的 favicon,比如說可以在 favicon 上加上一個數字之類的,如下圖所示:

並且還很優雅的提供的 fallback solution 可以處理不支援動態 favicon 的瀏覽器。

 

第 7 名

Yeoman 
Github Repo 

Yeoman … 嗯,我花了點時間看,但是暫時還無法解釋這是什麼,有興趣的看倌要麻煩您自己研究一下了。

 

第 8 名

Noty 
Github Repo 

Noty 是一套在 web 上坐 notification UI 的 library,裡面提供了超多樣式的 notification,還包含有可以互動的 notification,是一套可以讓 Web App 質感提升的 library。

第 9 名

a!ertifyjs 
Github Repo 

a!ertifyjs 是一套可以建立出很好看的對話框的 library,也是開發 Web Apps 時提升 UI 質感的好物。

 

第 10 名

morris.js 
Github Repo 

Morris.js 是一套基於 jQuery 與 Raphael 的輕量化圖表製作的 library,很容易使用,畫出來的圖表風格也很簡潔。

 

介紹完了前十名 JavaScript library 了,留個言告訴我們您喜歡哪一個吧?還是跟我們分享有什麼很酷的 library 沒有在排名內的呢?



Comments
  1. 回覆
  2. chchwyChang
    回覆
  3. 回覆

Leave a Reply

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *