摘要：有了這些工具，開發(fā)者們就能專注于創(chuàng)意設(shè)計(jì)了，而不用為某個(gè)功能而花費(fèi)太多精力。這里我們介紹的是個(gè)開發(fā)者們必備的庫，都是一些很基礎(chǔ)功能很強(qiáng)大的庫。可通過來獲取當(dāng)前顯示的頁號(hào)，并提供選項(xiàng)來定制默認(rèn)頁號(hào)加速器陰影和延時(shí)。

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

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

Hammer.j s是一個(gè)輕量級(jí)的JavaScript庫（壓縮后僅有3kb），能讓你的網(wǎng)站輕松實(shí)現(xiàn)觸控事 件。它依賴于jQuery，用來控制觸摸設(shè)備上的多點(diǎn)觸控特性。

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

Mouse Trap 是個(gè)簡(jiǎn)單的 JavaScript 庫，用來處理鍵盤快捷鍵。Mousetrap 是個(gè)獨(dú)立的庫，沒 有任何擴(kuò)展依賴，而且是個(gè)極小的 JavaScript 庫，總大小就只有幾kb。

Switc hery 是個(gè)簡(jiǎn)單的 JavaScript 組件，只要幾個(gè)簡(jiǎn)單的步驟就可以幫助用戶把默認(rèn)的 HTML 復(fù)選框轉(zhuǎn)換成漂亮 iOS 7 樣式風(fēng)格。用戶可以很方便的自定義這種轉(zhuǎn)換，所 以可以很好的配合你的設(shè)計(jì)風(fēng)格。

?Yeoman是一個(gè)強(qiáng)健的工 具，庫，及工作流程的組合，幫你網(wǎng)頁開發(fā)者快速創(chuàng)建出漂亮而且引人入勝的網(wǎng)頁 程序。

Math.js 是個(gè)JavaScript 和 Node.js 的擴(kuò)展數(shù)學(xué)庫。它包括了靈活的表達(dá)式解析器，提供數(shù)字，大數(shù)值 ，復(fù)雜數(shù)值，單位，矩陣等等集成的解決方案。Math.js 很強(qiáng)大又易于使用。

支持?jǐn)?shù)值，大數(shù)值，復(fù)雜 數(shù)值，單位，數(shù)組，字符串和矩陣

兼容 JavaScript 內(nèi)置的數(shù)學(xué) 庫

包含一個(gè)靈活的表達(dá)式解析器

支持鏈接操作

包含一系列內(nèi)置函數(shù)和常量

沒有任何依賴，可以 運(yùn)行在所有 JavaScript 引擎上


非常容易擴(kuò)展

8) Morris.js

? Morris.js 是一個(gè)輕量級(jí)的 JS 庫，使用 jQuery 和 Rapha?l 來生成各種時(shí)序圖。

9) Planetary js

Planetary js 是 個(gè)令人稱奇的創(chuàng)建交互式 web 地球儀的 JavaScript 庫。在線演示

主 要特性：

完全自定義，包括顏色， 旋轉(zhuǎn)等等

在任何位置顯示設(shè)定的顏色和大小的動(dòng)畫“ping”

i>

支持鼠標(biāo)拖動(dòng)和縮放

通過基于插件的架構(gòu)可以擴(kuò)展

10) Metroui

?Metro UI CSS 是用來創(chuàng)建類似 Windows 8 Metro 界面風(fēng)格的 CSS 樣式/Javascript 庫。


11) Cheet.js

?Cheet.js 是一款用來創(chuàng)建復(fù)活節(jié)彩蛋類似形狀的圖片加上簡(jiǎn)單的文本信息的 Javascr ipt 庫。? 在線演示

12) Turnjs

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

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

可通過 API 來獲 取當(dāng)前顯示的頁號(hào)，并提供選項(xiàng)來定制默認(rèn)頁號(hào)、加速器、陰影和延時(shí)。

備選：? Voix

Voix .js 是一個(gè) JavaScript 庫，可以用聲音控制你的網(wǎng)站，應(yīng)用或者是游戲。

如果大家還有補(bǔ)充或者是對(duì)以上這些 JavaScript 庫有什么使用心得，那么請(qǐng)?jiān)谠u(píng)論中與大家分享吧！


原文 12 Essential JavaScript Libraries for Developers
via oschina