超棒的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。因为其拥有强大的视图绑定和可观察的属性，因此它的代码很是简洁。