超棒的30款JS類庫和工具

當設計人員和開發人員真正快速便捷的使用JavaScript類庫和工具的同時，他們的生活也就變得更輕鬆、簡單。你付出的越多，它回報你的也就越多，這正是JS類庫和工具需求量很大的緣由。

對於Web設計人員和開發人員來講，手裏有一套便利的、最新的工具可供使用是極其重要的。Web設計和開發的趨勢變化極快，因此擁有最新的工具是必不可少的。

但是要想找到質量高和效率高的工具並不是易事，尤爲是考慮到這種類型的工具它所帶有的額外工具的可用性，而且，不是全部的工具都是高質量的。所以，尋找好的工具不只僅是一項艱鉅的任務，同時也很耗時。這就是爲何小編今天爲你們提供30個JS類庫和工具列表的緣由。全部的工具都頗有用，找出最可以知足你須要的那一個！

dynamo.js

這是一款使用很便捷的工具，它能夠快速容易的建立HTML動態bits，爲文本目錄添加微妙效果。

Smoke.js

Smoke.js是一個輕量級且靈活的JS插件，只是用來替代原有的alert而已。它徹底由HTML與CSS3構成，因此你可以本身添加樣式來表現出個性化。

Holder.js

Holder.js可直接在客戶端渲染圖片的佔位。支持在線和離線，容許輕鬆建立佔位符，並快速使用可連接API（chainable API）風格。

Graphene

這款工具備驚人之處，有一個控制面板和繪圖工具箱，使用起來很容易上手。

GMap

這是一款了不得的輕量級jQuery插件，用來將Google Maps插入到網頁或者博客中。提供了更加簡便的方法用於集成、管理和定製。

jPages

jPages是一個超給力的jQuery分頁插件，它提供了不少豐富的新特性，例如自動翻頁功能、可用鍵盤和鼠標滾動瀏覽、內容延遲顯示、支持自定義分頁導航菜單等等。使用起來很簡單，效果也很出色。

Leaflet-JS Library

Leaflet是一個開源的基於移動開發的互動式地圖JS庫，代碼量僅約28 KB。

JSZip

JSZip容許使用JS建立、閱讀和編輯.zip文件。

Colors

這是一款很是有用的顏色處理類庫，工做效率高，能夠爲項目選擇正確的顏色。

Fitvids.js

這是另外一款輕量、易用的jQuery插件，若是你須要你的視頻可以自動適應網頁的寬度，FitVids.js這個jquery插件能夠幫助你。

Stroll.js

這些滾動效果是純粹使用CSS3所實現的，其中所用到的JS僅是用來實現綁定和移除CSS樣式。

Hammer.js

Hammer.js是一個輕量級的JS庫，能讓你的網站輕鬆實現觸控事件。它依賴於jQuery，用來控制觸摸設備上的多點觸控特性。

Socialite.js

Socialite.js 是一個用來方便生成各類社交網站分享按鈕的JS庫，提供多種按鈕排列樣式，能夠根據客戶需求實現個性化設置。

Retina.js

顧名思義，Retina.js是很棒的腳本，幫助你在Retina顯示設備上製造出高質量的圖片，這是一款便捷的開源軟件。檢查網頁中的圖片是否存在高清的版本，若是有將會替換顯示。

KineticJS

這是一個很簡便的HTML5 Canvas獨立JS類庫，使用這個類庫你能夠輕鬆的在桌面和移動設備上進行圖形和圖片繪製和修改，執行動畫效果，或者和圖形圖片進行互動。

URI.js

URI.js是一個JS庫，用於處理URLs地址。它提供了相似於jQuery風格的API（便利的接口和方法鏈），用於讀寫全部經常使用組件，像.directory和.authority同樣的方式。

Crossfilter

Crossfilter是一個用來展現大數據集的JS庫，在瀏覽器裏有不少不一樣的多元數據集，支持超快的交互，甚至在上百萬或者更多數據下都很快。主要用來構建數據分析程序。

DropKick.js

從頭開始作下拉式菜單多是很是耗時和繁忙的任務，所以DropKick出現了，它是一個下拉框美化插件，使用很是簡單，直接爲下拉框select調用方法便可，瞬間讓你擺脫繁瑣。

Foresight.js

Foresight.js能夠在裝載圖片以前知道用戶的設備是否能夠顯示高分辨率的圖片。

Kartograph

Kartograph是一個簡單且輕量級的框架，創建交互式地圖應用程序無需谷歌地圖或其餘任何地圖服務。

Patternizer – Stripe Pattern Generator Tool（條紋模式生成器工具）

Patternizer是一個在線的帶狀模式生成工具，能夠幫助你簡單快捷的建立複雜的模式。你一樣能夠把你建立模式的經驗與別人分享，收集別人的意見。

Morris.js

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

JavaScript Library Boilerplate

JS Boilerplate能夠幫助你來輕鬆建立你本身的JS庫，例如jQuery，Zepto，Prototype等等。

heatmap.js

Heatmap.js用來生成基於用戶自定義數據上的Web熱圖，內嵌HTML5 Canvas元素。

uiji.js

uiji.js很獨特，它是jQuery的反向，它不是使用CSS選擇器來查找元素，您可使用相同的語法來建立元素。

sigma.js

sigma.js是一個開源的輕量級JS庫，用來繪製各類圖形，使用的是HTML Canvas元素。它一樣能夠用來顯示交互式的靜態和動態圖表。

Heyoffline.js

heyoffline.js是一個簡單的JS庫，當用戶網絡不可用的時候能夠提示用戶保存信息，以避免數據丟失。

JavaScript Console--Debugging JavaScript Tool（JS調試工具）

從字面意思能夠看出，它是一個JS調試工具，同時爲移動Web Apps提供遠程調試。

Yeoman

它旨在爲開發者提供一系列「健壯的」工具、程序庫和工做流，幫助他們快速構建出漂亮、引人注目的Web應用。

Batman.js

這個框架就像它的名字同樣酷——它能夠建立豐富高效的單頁面瀏覽器Apps。Batman.js框架利用CoffeeScript或JavaScript來快速構建Web Apps。因爲其擁有強大的視圖綁定和可觀察的屬性，因此它的代碼很是簡潔。