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

3顶
0踩

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

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

此JS库带有一串富用户界面组件，可以创建类似于桌面效果布局。UI元素由HTML5 canvas构建，由CSS着色，预期在所有浏览器中渲染出相同的效果。拥有30多个UI元素，包括grid、tabs、menu、form elements、menu等等。

9. Formula.js

这个JS库为Web开发者带来了大多数公式，公式列举了多重分类——日期/时间，文本，逻辑，金融等等。此外，除了在客户端运行，还在服务端（即将发布）上运行。

10. Chart.js

这是一个给人印象深刻的JS独立图表库，大小不足5kb的程序包，建立在HTML5 canvas之上。目前支持6种图表类型：直线图、条形图、雷达图、饼状图、柱状图和地区区域图。颜色、字体、边框、大小都可以根据用户需求自定义。

11. Flippant.js

这是一个迷你JS和CSS库，允许自动翻转桌面上的东西。不依赖任何其它类库，便于自定义，翻转功能效果好。

12. React

React是一个用来构建用户界面的JS库，可以高效灵活地与你之前使用的类库和框架结合使用。

13. PathFinding.js

PathFinding.js是JS里一个综合路径寻找类库，其目的是提供一个可以方便结合到网络游戏里的路径寻找类库。它可以在服务端运行，也可以在浏览器上运行。提供在线演示算法是怎样执行的。当具体使用路径寻找器时，你可以通过其它的参数来指示该用哪一个策略。

14. Reactor.js

这是一个用于响应式编程的轻量级类库。它提供的反应变量，当它们所依赖的的事物发生改变的时候可以实现自动更新。这和电子数据表的运作方式有点相似，当一个单元格的数值有所变化的时候，与其有联系的其他单元格数值也会变化。

15. Bootbox.js

Bootbox.js是一个很小的JS库，允许使用Twitter的Bootstrap模式创建程序对话窗口，不需要担心创建、管理或删除任何任何需要的DOM元素或JS事件处理程序。

16. Parallel.js

Parallel.js在JS里是一个用于多核处理的微型库，它的创建充分发挥了成熟的Web-workers API，JS的确是很快，但由于它的单线程计算模式，它缺乏了与其对等语言的平行计算功能。

17. SVG.js

SVG.js可以通过SVG进行操作和手动绘画，此库轻便独立，功能丰富，有内置方法可以创建各种形状——三角形、圆形、多边形，或自定义图形。

18. Packery

这是一个使用“装箱算法”的JS布局库，这是“补漏”的体面说法。Packery的布局可以是井然有序的，也可以是错乱无序的。元素可以被固定在相应的位置，也可以随意拖放。

19. FPS Meter

FPS Meter是一个简单的JS库，用来制作迷人的、快速的、可主题化的FPS仪表。他可以测量出每秒的帧数，帧之间的毫秒数，以及使用.tickStart()方法时，渲染一帧所需要的毫秒数。

20. Howler.js

Howler.js一个是JS库，通过默认方式运行在网页音频API上，当浏览器不支持时退回到HTML5音频。为了保证跨浏览器的兼容性，它允许接收多种文件格式。该库能同时缓存和播放多个声音，还有循环播放功能，淡入淡出效果和标准的多媒体控制功能。

原文：CodeGeekz /译：CSDN

查看图片附件

来自: CSDN

分享到：

3
顶

0
踩

评论共 2 条请登录后发表评论

2 楼晨必须的 2013-07-11 17:22

还有就是做图表的chartjs ,需求稍微复杂一点，就挂了~~~~
竟然没有 highchart

1 楼晨必须的 2013-07-11 17:21

bootstrap 没有排在第一位阿，失望······

发表评论

您还没有登录,请您登录后再发表评论

3顶0踩