用来简化开发任务的20个JavaScript类库

3顶
0踩

2013-07-10 10:03 by 副主编 WnouM 评论(2) 有12859人浏览

JavaScript 类库 html5 前端

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

所谓JS库就是预先写好的JS程序库，用于简化以JS为基础的开发程序，尤其是对AJAX和其他以Web为中心技术的JS代码集。JS的首要用途是将编写的功能内嵌在HTML页面，并与页面的对象模型(DOM)进行互动。

很多JS库很容易和其他Web开发技术进行整合，例如CSS、 PHP、Ruby、和Java。许多程序库可以检测运行环境之间的差异，删除一些应用程序，以满足整合需求。文章搜集了20个JS库，帮你处理与开发相关的问题，让你的网站在竞争中领先一步。

1. Tracking.js

Tracking.js是一个独立的JS库，可以跟踪照相机实时收到的数据。跟踪对象既可以是色彩也可以是人物，当检测到某个特定的颜色时或人物/脸庞/身体出现移动的时候，我们可以触发JS事件。

2. Aristochart

Aristochart是一个不依赖于其它库的JS库，它能够使用Canvas创建静态的2D线形图表。这个库专注于打造客户化设计，提供多种选项用于更改设计、标签等等。

3. Hitch

Hitch是一个轻量级的JS库，能够向CSS文件添加表现能力。同时具备CSS预处理程序能力，比如添加前缀或变量，还有一些其他的功能。这个程序库有多个随时可用的表达方式，如“any of，all of，has...”，并允许我们定义任何一种方式(称为hitches)。

4. Cesium

Cesium是基于WebGL的JS绘图库，支持3种不同的视图：3D globe、2D map、2.5D Columbus View，相互转换只要一行代码而已！绘画各种形状，突出显示特定区域以及使用鼠标或触摸板与地图进行互动是非常简单的。Cesium作为一个独立的JS文件可以在所有主流浏览器上运行，包括手机上。

5. Two.js

它是一个2D的绘图API，一个优秀的JS库，用于较新的Web浏览器，可基于不同上下文绘制，包括svg、canvas和webgl。这个库目前只支持形状（非文本或图片），允许导入SVG数据。当需要一起转变的时候，Two.js可以聚合多个有用的元素。其中还有一个内置动画循环方法来绘制各种图形，还具有使之个性化的多个选项。

6. Sequel.js

Sequel.js是一个轻量级JS库，有助于通过一个面向对象的API来构建SQL查询字符串，既可以在浏览器上运行，也可以在所有标准的SQL查询上运行。

7. Draggabilly

这是一个可以让页面元素可拖动的独立JS库，Draggabilly能够帮你轻松实现网页上各种元素的拖放操作。可以在一个限制的容器范围内拖动页面元素，对于每一个事件（start，move，end）都有回调，可以返回当前元素的位置。它可用于大部分浏览器（IE8+）并内置支持触摸事件。

8. Zebra