Web必備：30款超棒JS類庫和工具分享
擁有適手的開發(fā)工具，設(shè)計(jì)人員和開發(fā)人員的生活也就變得更輕松、簡單。你付出的越多，它回報(bào)你的也就越多，這正是JS類庫和工具需求量很大的原因。
對(duì)于Web設(shè)計(jì)人員和開發(fā)人員來說，手里有一套便利的、最新的avaScript類庫和工具可供使用是極其重要的。Web設(shè)計(jì)和開發(fā)的趨勢變化極快，所以擁有最新的工具是必不可少的。
可是要想找到質(zhì)量高和效率高的工具并非易事，尤其是考慮到這種類型的工具它所帶有的額外工具的可用性，并且，不是所有的工具都是高質(zhì)量的。因此，尋找好的工 具不僅僅是一項(xiàng)艱巨的任務(wù)，同時(shí)也很耗時(shí)。這就是為什么小編今天為大家提供30個(gè)JS類庫和工具列表的原因。所有的工具都很有用，找出最能夠滿足你需要的 那一個(gè)！
這是一款使用很便捷的工具，它可以快速容易的創(chuàng)建HTML動(dòng)態(tài)bits，為文本目錄添加微妙效果。
Smoke.js是一個(gè)輕量級(jí)且靈活的JS插件，只是用來替代原有的alert而已。它完全由HTML與CSS3構(gòu)成，所以你能夠自己添加樣式來表現(xiàn)出個(gè)性化。
Holder.js可直接在客戶端渲染圖片的占位。支持在線和離線，允許輕松創(chuàng)建占位符，并快速使用可鏈接API（chainable API）風(fēng)格。
這款工具有驚人之處，有一個(gè)控制面板和繪圖工具箱，使用起來很容易上手。
這是一款了不起的輕量級(jí)jQuery插件，用來將Google Maps插入到網(wǎng)頁或者博客中。提供了更加簡便的方法用于集成、管理和定制。
jPages是一個(gè)超給力的jQuery分頁插件，它提供了很多豐富的新特性，例如自動(dòng)翻頁功能、可用鍵盤和鼠標(biāo)滾動(dòng)瀏覽、內(nèi)容延遲顯示、支持自定義分頁導(dǎo)航菜單等等。使用起來很簡單，效果也很出色。
Leaflet是一個(gè)開源的基于移動(dòng)開發(fā)的互動(dòng)式地圖JS庫，代碼量僅約28 KB。
JSZip允許使用JS創(chuàng)建、閱讀和編輯.zip文件。
這是一款非常有用的顏色處理類庫，工作效率高，可以為項(xiàng)目選擇正確的顏色。
#p#
這是另一款輕量、易用的jQuery插件，如果你需要你的視頻能夠自動(dòng)適應(yīng)網(wǎng)頁的寬度，F(xiàn)itVids.js這個(gè)jquery插件可以幫助你。
這些滾動(dòng)效果是純粹使用CSS3所實(shí)現(xiàn)的，其中所用到的JS僅是用來實(shí)現(xiàn)綁定和移除CSS樣式。
Hammer.js是一個(gè)輕量級(jí)的JS庫，能讓你的網(wǎng)站輕松實(shí)現(xiàn)觸控事件。它依賴于jQuery，用來控制觸摸設(shè)備上的多點(diǎn)觸控特性。
Socialite.js 是一個(gè)用來方便生成各種社交網(wǎng)站分享按鈕的JS庫，提供多種按鈕排列樣式，可以根據(jù)客戶需求實(shí)現(xiàn)個(gè)性化設(shè)置。
顧名思義，Retina.js是很棒的腳本，幫助你在Retina顯示設(shè)備上制造出高質(zhì)量的圖片，這是一款便捷的開源軟件。檢查網(wǎng)頁中的圖片是否存在高清的版本，如果有將會(huì)替換顯示。
這是一個(gè)很簡便的HTML5 Canvas獨(dú)立JS類庫，使用這個(gè)類庫你可以輕松的在桌面和移動(dòng)設(shè)備上進(jìn)行圖形和圖片繪制和修改，執(zhí)行動(dòng)畫效果，或者和圖形圖片進(jìn)行互動(dòng)。
URI.js是一個(gè)JS庫，用于處理URLs地址。它提供了類似于jQuery風(fēng)格的API（便利的接口和方法鏈），用于讀寫所有常用組件，像.directory和.authority一樣的方式。
Crossfilter是一個(gè)用來展示大數(shù)據(jù)集的JS庫，在瀏覽器里有很多不同的多元數(shù)據(jù)集，支持超快的交互，甚至在上百萬或者更多數(shù)據(jù)下都很快。主要用來構(gòu)建數(shù)據(jù)分析程序。
從頭開始做下拉式菜單可能是非常耗時(shí)和繁忙的任務(wù)，因此DropKick出現(xiàn)了，它是一個(gè)下拉框美化插件，使用非常簡單，直接為下拉框select調(diào)用方法即可，瞬間讓你擺脫繁瑣。
#p#
Foresight.js可以在裝載圖片之前知道用戶的設(shè)備是否可以顯示高分辨率的圖片。
Kartograph是一個(gè)簡單且輕量級(jí)的框架，建立交互式地圖應(yīng)用程序無需谷歌地圖或其他任何地圖服務(wù)。
Patternizer – Stripe Pattern Generator Tool（條紋模式生成器工具）
Patternizer是一個(gè)在線的帶狀模式生成工具，可以幫助你簡單快捷的創(chuàng)建復(fù)雜的模式。你同樣可以把你創(chuàng)建模式的經(jīng)驗(yàn)與別人分享，收集別人的意見。
Morris.js是一個(gè)輕量級(jí)的JS庫，使用jQuery和Raphaël來生成各種時(shí)序圖。
JavaScript Library Boilerplate
JS Boilerplate可以幫助你來輕松創(chuàng)建你自己的JS庫，例如jQuery，Zepto，Prototype等等。
Heatmap.js用來生成基于用戶自定義數(shù)據(jù)上的Web熱圖，內(nèi)嵌HTML5 Canvas元素。
uiji.js很獨(dú)特，它是jQuery的反向，它不是使用CSS選擇器來查找元素，您可以使用相同的語法來創(chuàng)建元素。
sigma.js是一個(gè)開源的輕量級(jí)JS庫，用來繪制各種圖形，使用的是HTML Canvas元素。它同樣可以用來顯示交互式的靜態(tài)和動(dòng)態(tài)圖表。
heyoffline.js是一個(gè)簡單的JS庫，當(dāng)用戶網(wǎng)絡(luò)不可用的時(shí)候可以提示用戶保存信息，以免數(shù)據(jù)丟失。
JavaScript Console--Debugging JavaScript Tool（JS調(diào)試工具）
從字面意思可以看出，它是一個(gè)JS調(diào)試工具，同時(shí)為移動(dòng)Web Apps提供遠(yuǎn)程調(diào)試。
它旨在為開發(fā)者提供一系列“壯碩的”工具、程序庫和工作流，幫助他們快速構(gòu)建出漂亮、引人注目的Web應(yīng)用。
這個(gè)框架就像它的名字一樣酷——它可以創(chuàng)建豐富高效的單頁面瀏覽器Apps。Batman.js框架利用CoffeeScript或JavaScript來快速構(gòu)建Web Apps。由于其擁有強(qiáng)大的視圖綁定和可觀察的屬性，所以它的代碼非常簡潔。
