CSDN工具类收集

淩亂°似流年 2022-01-16 14:39 220阅读 0赞

# [超棒的30款JS类库和工具][30_JS] #

[dynamo.js][]

[**这是一款使用很便捷的工具，它可以快速容易的创建HTML动态bits，为文本目录添加微妙效果。**][dynamo.js]

**[Smoke.js][]**

**[是一个轻量级且灵活的JS插件，只是用来替代原有的alert而已。它完全由HTML与CSS3构成，所以你能够自己添加样式来表现出个性化。][Smoke.js]**

**[Holder.js][]**

**[可直接在客户端渲染图片的占位。支持在线和离线，允许轻松创建占位符，并快速使用可链接API（chainable API）风格][Holder.js]**

**[Graphene][]**

**[这款工具有惊人之处，有一个控制面板和绘图工具箱，使用起来很容易上手。][Graphene]**

**[GMap][]**

**[这是一款了不起的轻量级jQuery插件，用来将Google Maps插入到网页或者博客中。提供了更加简便的方法用于集成、管理和定制。][GMap]**

**[jPages ][jPages]**

**[是一个超给力的jQuery分页插件，它提供了很多丰富的新特性，例如自动翻页功能、可用键盘和鼠标滚动浏览、内容延迟显示、支持自定义分页导航菜单等等。使用起来很简单，效果也很出色。][jPages]**

**[Leaflet-JS Library][]**

**是一个开源的基于移动开发的互动式地图JS库，代码量仅约28 KB。**

**[JSZip][]**

**允许使用JS创建、阅读和编辑.zip文件。**

**[Colors][]**

**这是一款非常有用的颜色处理类库，工作效率高，可以为项目选择正确的颜色。**

**[Fitvids.js][]**

**这是另一款轻量、易用的jQuery插件，如果你需要你的视频能够自动适应网页的宽度，FitVids.js这个jquery插件可以帮助你。**

**[Stroll.js][]**

**这些滚动效果是纯粹使用CSS3所实现的，其中所用到的JS仅是用来实现绑定和移除CSS样式。**

**[Hammer.js][]**

**是一个轻量级的JS库，能让你的网站轻松实现触控事件。它依赖于jQuery，用来控制触摸设备上的多点触控特性。**

**[Socialite.js][]**

**是一个用来方便生成各种社交网站分享按钮的JS库，提供多种按钮排列样式，可以根据客户需求实现个性化设置。**

**[Retina.js][]**

**顾名思义，Retina.js是很棒的脚本，帮助你在Retina显示设备上制造出高质量的图片，这是一款便捷的开源软件。检查网页中的图片是否存在高清的版本，如果有将会替换显示。**

**[KineticJS][]**

**这是一个很简便的HTML5 Canvas独立JS类库，使用这个类库你可以轻松的在桌面和移动设备上进行图形和图片绘制和修改，执行动画效果，或者和图形图片进行互动。**

**[URI.js][]**

**是一个JS库，用于处理URLs地址。它提供了类似于jQuery风格的API（便利的接口和方法链），用于读写所有常用组件，像.directory和.authority一样的方式。**

**[Crossfilter][]**

**是一个用来展示大数据集的JS库，在浏览器里有很多不同的多元数据集，支持超快的交互，甚至在上百万或者更多数据下都很快。主要用来构建数据分析程序。**

**[DropKick.js][]**

**从头开始做下拉式菜单可能是非常耗时和繁忙的任务，因此DropKick出现了，它是一个下拉框美化插件，使用非常简单，直接为下拉框select调用方法即可，瞬间让你摆脱繁琐。**

**[Foresight.js][]**

**可以在装载图片之前知道用户的设备是否可以显示高分辨率的图片。**

**[Kartograph][]**

**是一个简单且轻量级的框架，建立交互式地图应用程序无需谷歌地图或其他任何地图服务。**

**[Patternizer – Stripe Pattern Generator Tool][Patternizer _ Stripe Pattern Generator Tool]（条纹模式生成器工具）**

**是一个在线的带状模式生成工具，可以帮助你简单快捷的创建复杂的模式。你同样可以把你创建模式的经验与别人分享，收集别人的意见。**

**[Morris.js][]**

**是一个轻量级的JS库，使用jQuery和Raphaël来生成各种时序图。**

**[JavaScript Library Boilerplate][]**

**可以帮助你来轻松创建你自己的JS库，例如jQuery，Zepto，Prototype等等。**

**[heatmap.js][]**

**用来生成基于用户自定义数据上的Web热图，内嵌HTML5 Canvas元素。**

**[uiji.js][]**

**很独特，它是jQuery的反向，它不是使用CSS选择器来查找元素，您可以使用相同的语法来创建元素。**

**[sigma.js][]**

**是一个开源的轻量级JS库，用来绘制各种图形，使用的是HTML Canvas元素。它同样可以用来显示交互式的静态和动态图表。**

**[Heyoffline.js][]**

**是一个简单的JS库，当用户网络不可用的时候可以提示用户保存信息，以免数据丢失**

**[JavaScript Console--Debugging JavaScript Tool][]（JS调试工具）**

**从字面意思可以看出，它是一个JS调试工具，同时为移动Web Apps提供远程调试。**

**[Yeoman][]**

**它旨在为开发者提供一系列“健壮的”工具、程序库和工作流，帮助他们快速构建出漂亮、引人注目的Web应用**

**[Batman.js][]**

**这个框架就像它的名字一样酷——它可以创建丰富高效的单页面浏览器Apps。Batman.js框架利用CoffeeScript或JavaScript来快速构建Web Apps。由于其拥有强大的视图绑定和可观察的属性，所以它的代码非常简洁。**

[30_JS]: http://www.csdn.net/article/2013-07-01/2816068-best-javascript-libraries-and-tools
[dynamo.js]: http://jordanscales.com/dynamo/
[Smoke.js]: http://ssssnakes.com/smoke/
[Holder.js]: http://imsky.github.io/holder/
[Graphene]: http://jondot.github.io/graphene/
[GMap]: http://gmap.nurtext.de/
[jPages]: http://luis-almeida.github.io/jPages/
[Leaflet-JS Library]: http://leafletjs.com/
[JSZip]: http://stuk.github.io/jszip/
[Colors]: http://matthewbj.github.com/Colors/
[Fitvids.js]: http://fitvidsjs.com/
[Stroll.js]: https://github.com/hakimel/stroll.js
[Hammer.js]: http://eightmedia.github.io/hammer.js/
[Socialite.js]: http://socialitejs.com/
[Retina.js]: http://retinajs.com/
[KineticJS]: http://kineticjs.com/
[URI.js]: http://medialize.github.io/URI.js/
[Crossfilter]: http://square.github.io/crossfilter/
[DropKick.js]: http://jamielottering.github.io/DropKick/
[Foresight.js]: https://github.com/adamdbradley/foresight.js
[Kartograph]: http://kartograph.org/
[Patternizer _ Stripe Pattern Generator Tool]: http://patternizer.com/vh4
[Morris.js]: http://oesmith.github.com/morris.js/
[JavaScript Library Boilerplate]: http://dciccale.github.com/jslibraryboilerplate/
[heatmap.js]: http://www.patrick-wied.at/static/heatmapjs/
[uiji.js]: http://aakilfernandes.com/uiji.html
[sigma.js]: http://sigmajs.org/
[Heyoffline.js]: http://oskarkrawczyk.github.com/heyoffline.js/
[JavaScript Console--Debugging JavaScript Tool]: http://jsconsole.com/?%3Ahelp
[Yeoman]: http://yeoman.io/
[Batman.js]: http://batmanjs.org/