現在 web 設計是最有趣的了，做好 web 設計不僅要熟練使用 Javascript，css 和 html 等，還要有自己的創意設計。為了方便大家發揮自己的創意，就產生了很多 JS 框架，Node.js 擴展等等。有了這些工具，開發者們就能專注于創意設計了，而不用為某個功能而花費太多精力。這里我們介紹的是 12 個開發者們必備的 JavaScript 庫，都是一些很基礎功能很強大的庫。有了這些庫，開發者們可以節省很多時間，大大提高開發的效率，所以大家趕緊收藏起來吧：）
 

1) Headroom.js

Headroom.js 是個輕量級，高性能的 JS 部件（完全獨立，無需任何依賴），允許對用戶滾動頁面的行為做出反應，Headroom.js 的主頁頂部就是一個演示示例，當向下滾動，頭部就會慢慢退出隱藏起來；當向上滾動，頭部又慢慢的顯示出來。

2) Hammer.js

Hammer.js是一個輕量級的JavaScript庫（壓縮后僅有3kb），能讓你的網站輕松實現觸控事件。它依賴于jQuery，用來控制觸摸設備上的多點觸控特性。
 

3) Type Rendering

trmix（Type Rendering Mix） 是個基于瀏覽器的應用 CSS 文本渲染的引擎。Type Rendering Mix 通過解析用戶代理字符串檢測瀏覽器的文本 rasterizer 和 antialiasing 方法。

4) Mouse Trap

Mouse Trap 是個簡單的 JavaScript 庫，用來處理鍵盤快捷鍵。Mousetrap 是個獨立的庫，沒有任何擴展依賴，而且是個極小的 JavaScript 庫，總大小就只有幾kb。

5) Switchery

Switchery 是個簡單的 JavaScript 組件，只要幾個簡單的步驟就可以幫助用戶把默認的 HTML 復選框轉換成漂亮 iOS 7 樣式風格。用戶可以很方便的自定義這種轉換，所以可以很好的配合你的設計風格。

6) Yeoman

 Yeoman是一個強健的工具，庫，及工作流程的組合，幫你網頁開發者快速創建出漂亮而且引人入勝的網頁程序。

7)  Mathjs

Math.js 是個JavaScript 和 Node.js 的擴展數學庫。它包括了靈活的表達式解析器，提供數字，大數值，復雜數值，單位，矩陣等等集成的解決方案。Math.js 很強大又易于使用。

特性

• 支持數值，大數值，復雜數值，單位，數組，字符串和矩陣

• 兼容 JavaScript 內置的數學庫

• 包含一個靈活的表達式解析器

• 支持鏈接操作

• 包含一系列內置函數和常量

• 沒有任何依賴，可以運行在所有 JavaScript 引擎上

• 非常容易擴展

8) Morris.js

 Morris.js 是一個輕量級的 JS 庫，使用 jQuery 和 Raphaël 來生成各種時序圖。

#p#

9) Planetary js

Planetary js 是個令人稱奇的創建交互式 web 地球儀的 JavaScript 庫。在線演示

主要特性：

• 完全自定義，包括顏色，旋轉等等

• 在任何位置顯示設定的顏色和大小的動畫“ping”

• 支持鼠標拖動和縮放

• 通過基于插件的架構可以擴展

10) Metroui

 Metro UI CSS 是用來創建類似 Windows 8 Metro 界面風格的 CSS 樣式/Javascript 庫。
 

11) Cheet.js

 Cheet.js 是一款用來創建復活節彩蛋類似形狀的圖片加上簡單的文本信息的 Javascript 庫。  在線演示

12) Turnjs

Turn.js 是一個輕量級的 (15kb) jQuery/html5 插件用來創建類似書本和雜志翻頁效果，支持觸摸屏設備。

Turn.js 支持硬件加速來讓翻頁效果更加平滑。

可通過 API 來獲取當前顯示的頁號，并提供選項來定制默認頁號、加速器、陰影和延時。

備選：  Voix

Voix.js 是一個 JavaScript 庫，可以用聲音控制你的網站，應用或者是游戲。

如果大家還有補充或者是對以上這些 JavaScript 庫有什么使用心得，那么請在評論中與大家分享吧！

via designzum.com

譯文鏈接：http://www.oschina.net/news/48383/12-essential-javascript-libraries-for-developers