[Javascript] 40个轻量级JavaScript脚本库

诸如jQuery, MooTools, Prototype, DojoYUIJavaScript脚本库,你们都已经很熟悉。但这些脚本库有利也有弊——好比说JavaScript文件过大的问题。有时你可能会愿意采用一些体积小巧、专一于特定任务的JavaScript脚本库。 javascript

如下是40个轻量级的JavaScript脚本库。 供每位网页设计师和程序员做参考。 php

1. 表单

wForms

wForms 是一个开源的 无入侵的(unobstrusive)注*代码库,可以简化大部分与表单相关的经常使用JavaScript函数。 它能对表单的用户输入值进行验证,只需为表单元素添加一个特定的类便可使用。另外,wForms 还具备强大的表单同步(例如“全选/全不选”)和条件表单(如,当x被选择则显示y)功能。 css

Validanguage

Validanguage 是一个无入侵的 JavaScript表单验证框架。 它有一个继承逻辑,能够全局定义,也能够对每一个表单或每一个元素分别定义。 利用做者提供的两个API,以及诸如综合的AJAX支持(integrated AJAX support)、缓存和调用函数等特性,该框架能够提供强健的(robust)验证体验。两个API用以高级设置,分别是加在注释里的像HTML语言的 API和基于JavaScript对象的API。 html

LiveValidation

LiveValidation是一个轻量级的JavaScript脚本库,提供一系列验证函数。除了经典验证法,此库还具备实时验证(live validation)特性,能根据你键入的文字实时控制特定区域Ruby on Rails的开发者会发现LiveValidation异常好用,由于两者的命名规范和参数设置很是类似。虽然它是独立库,不过也有一个Prototype版注*java

yav

一个功能强大、可扩展、使用灵活的表单验证代码库yav可处理多种状况,从日期、email、整数之类的基本验证到掩码文本框和自定义正则表达式之类的高级应用,都驾轻就熟。该库内建AJAX支持,而且能够轻易在每一个对象层自定义错误显示信息。 jquery

qForms

处理表单的彻底解决方案。为开发者提供诸如多样验证规则,阻止屡次提交,锁定/禁用域等特性。 ios

formreform

不用表格来实现多栏布局一般都颇有挑战性。这个小巧的代码库可以把一个简单表单转换成一栏、两栏或四栏格式化布局的表单。利用formreform能自动让表单样式适应任何设计。 程序员

2. 动画

$fx()

$fx() 是一个用户为HTML元素添加动画效果的轻量级代码库。利用此库,你能够指定在必定时间内改变任何CSS属性。对于复杂动画,你能够合并效果,给各效果分组,让它们链式反应或者同时发生。你还能够为每一步动画设定不一样的回调动做,进行更深刻的自定义。 web

JSTweener

补间动画的JavaScript脚本库。它的API和著名的ActionScript补间动画引擎 Tweener 类似。你能够调用动画时间,定义形状变换方式和延迟。在几乎任什么时候间点(如onStart – 开始时, onComplete -完成时, onUpdate – 更新时),你均可以引起新动做。 正则表达式

Facebook Animation

用于建立基于CSS的自定义动画的强大代码库。利用一两行Facebook Animation,你就能改善用户界面。本代码库的语法遵循FBJS(在Facebook实用工具中使用的代码库),一旦学会,你也就具有了建立Facebook实用工具的能力!

FX

一个轻量级代码库,拥有和YUI相似的使用句法。FX能够为几乎全部CSS属性建立补间动画。支持颜色和滚动动画。你只须要设计任意对象,任意属性的起始值和结束值就够了。

3. 视觉化和图像特效

JS charts

JS charts 能够输出柱状图,饼图和曲线图。只需从一个XML文件或JavaScript数组里调用数据,它就能提供极佳的易用性。图表被输出为png图像文件。该库支持大部分流行的浏览器。

Canvas 3D JS Library (C3DL)

C3DL让编写3D应用更加容易。它提供一组算法、场景和3D对象类,对于想在浏览器里开发3D内容,可是对3D图像的深层算法不甚了了的程序员真是不小的福音。

Processing.js

这个JavaScript脚本库指向 Processing 语言 (一个用于图像、动画和交互编程的语言)。它有丰富的特性用于建立2D输出,提供形状/图像绘制方法、颜色处理、字体、对象、算法函数等等。

Rapha?l

一个极赞的代码库,简化在网页中使用矢量图形的工做。Rapha?l 利用SVGVML来建立图像,并能为这些图像绑定动做处理器。该库功能强大,包括旋转、动画、缩放和绘制曲线、矩形、圆形等。

ImageFX

能够为图像添加特效,例如模糊、锐化、浮雕、变亮等等。ImageFX使用画布元素来建立效果。兼容全部主流浏览器(你能够在其页面看到兼容性列表)。此库简单易用,只须要在网页中插入.js文件而后用一行代码调用就够了。

Pixastic

Pixastic 使用HTML5的画布对象,此对象能够直接处理像素级数据。支持的效果包括减淡和去色、反相、翻转、亮度和对比度调节、色相和饱和度、浮雕、模糊等等等等。因为画布对象相对较新,各个浏览器对这一JavaScript脚本库的支持程度不尽相同。

Reflection.js

自动建立倒影效果的无侵入JavaScript脚本库。倒影的高度和透明度能够自定义。使用该库就像给图像添加一个“类”同样简单。在全部主流浏览器中都能正常工做,文件大小不过5 KB。

4. 数据库

Taffy DB

能够做为浏览器中的SQL数据库来使用的JavaScript,也能够看作是一个高级的“数组管理器”。在AJAX化的Web应用中,它能够工做在数据库层。你能够建立、读取、编辑和删除数据,也可使用循环、归类以及各类高级查询方式。

ActiveRecord.js

此库支持Google Gears和Chrome,Aptana Jaxer,Adobe AIR ,以及任何支持W3C HTML5 SQL规范的平台(如今Webkit和iPhone也支持了)。它使在JavaScript利用数据库变得简单。使用ActiveRecord.js, 你能自动建立数据表、验证和同步数据等等。

5. 字符串和数学函数

Date.js

和日期打交道老是很容易把人搞昏掉。如此多的点、斜杠和格式。Datejs以使人耳目一新的方式提供或简单或复杂的日期函数。它能够处理以下格式的日期:“Next thursday”(下星期四), “+2 years”(两年后) 以及诸如2009.01.08, 12/6/2001的全部格式。

Sylvester

此JavaScript脚本库能够轻松处理矢量和矩阵。有了它你就不用被一串串循环和大量数组搅得头昏脑胀了。此库包含模数化矢量和任意维度的矩阵的类,从而能够计算无限直线的模数和3D空间里的平面。

Pretty Date

一个聪明的JavaScript解决方案,让过去一个月内的日期以更加漂亮和用户友好的方式显示。它能让日期以距离如今多久的方式显示,如“3天之前”,“昨天”。

XRegExp

正则表达式能够在JavaScript里经过RegExp对象加以利用。 XRegExp 能使正则表达式变得更增强大,它提供一些在未来的浏览器才会实现的特性(据 ECMAScript 4 – ES4 的开发愿景)。使用该库,RegExp对象能够被缓存和再利用,还能为已经存在的RegExp对象添加修改器等等。

JavaScript URL Library

一个用与方便处理URLs的JavaScript脚本库。若是须要,它能够控制到将URL内每个部分当作字符串来处理。这一URL代码库刚出炉不久,但已能像刚才所提同样工做。

6. 字体

typeface.js

一个用以在网页上使用任意字体的代码库。与流行的解决方案(如sIFRFLIR)不一样,typeface.js 并不须要Flash,是100%的JavaScript应用。要使用任意字体,只需上传其字体文件到一个 基于网页的字体生成器,而后下载渲染过的JavaScript文件,把它添加到你的网页中便可。

Cufón

与typeface.js十分类似, Cufón 也是一个让你在网页中使用TrueType字体的代码库。一样,它也使用一个生成器来将字体文件转换成VML图像。只需在网页中插入generated .js文件,你便可像使用普通字体同样使用你指定的字体。

7. 调试与记录

Blackbird

在JavaScript开发过程当中,常常会用到alert()函数来添加断点。Blackbird 提供一个风格化的控制台,用以记录、查看和过滤JavaScript中的消息,如此便可消除在每一个alert()的停顿,而且更好地分析它们,从而加快开发进程。

NitobiBug

基于浏览器的,跨浏览器 JavaScript 对象记录和检测组件。经过在你的代码中插入规则(和JavaScript对象的用法相似),你能够轻易区别简单类型,如字符串、布尔值和数值,以及复杂元素,如错误信息和JavaScript对象。

Firebug Lite

Firebug,大概是世界上最好的JavaScript调试工具,惋惜只能在Firefox中使用。要在全部浏览器中拥有一个相似工具,向你的网页添加这个Firebug Lite .js文件吧,面对你的是你所熟悉的功能和界面。

8. 其余

swfobject

swfobject 是最流行的,扩展性最好的插入Flash影片的方式。此库符合Web标准,生成能够经过验证的标记,可以自动检测用户的Flash播放器版本,若是版本不匹配,它还容许你向用户显示代替内容。你能够看一看“为何应该使用swfobject”这篇文章,写得不错。

sorttable and dragtable

无论你喜不喜欢,表格仍然是展现数据的最佳方式。不过表格还能够更好用: sorttable 让表格数据能够排序,升序降序都可。你指向为添加class=”sortable” 属性。你还能够排除某些特定的栏,让他们不自动排序,以及指定升序或者降序哪个为默认值。dragtable 使表格的行列变得可拖动。在网页中插入此库后,一样,给表格添加一个class=”dragtable”便可。若是须要两个功能都用,只需在网页中包含同时两个库,而后添加class=”sortable dragtable” 。

DD_roundies and DD_belatedPNG

DD_roundies 是一个极佳的不利用图片建立圆角的JavaScript解决方案。它处理的重点在IE,经过使用VML来解决问题。其余浏览器被忽略,由于他们支持CSS的 border-radius 属性。

DD_belatedPNG为臭名昭著的IE6 PNG问题提供了一个可自定义的解决办法。不论PNG图像是用于“src”或是“background-image”中, DD_belatedPNG 都能把它解决掉。与其余解决方案不一样, “background-position” 和 “background-repeat” 属性也能正常工做!

Custom JavaScript Dialog Boxes

用于建立自定义对话框的轻量级(约 4.5 KB)代码库。四种对话框可用: alerts(出错), warnings(警告), prompts(提示), success(成功)。利用一个简单的函数,你能够自定义对话框的标题,内容和显示时间。

GameJS

GameJS 是一个JavaScript版本的 Microsoft’s XNA 游戏框架, 使用 “画布” 做为渲染机制。JavaScript不是编写游戏的最佳平台。不过若是是那些帧速要求较低的游戏,而你又是一个JavaScript开发者,何乐而不为? 此库包含一些控制游戏元素、屏幕显示和键盘操做的方便好用的类。

Shortcuts.js

自从Google Reader和Gmail以后,Web应用里的键盘快捷键变得愈来愈流行,由于他们大大提高了易用性。Shorcuts.js提供更为方便地处理键盘快捷键的函数。 使用该库,建立快捷键,而后在按下键盘的同时就运行函数成为更易实现的可能。

Mapstraction

几个不一样的地图供应商都提供了各自不一样的API。若是你想在供应商之间转换(好比说从Google Map转到MapQuest),则须要重写一些代码。Mapstraction就是用来帮你解决这个问题的。它提供一个通用 API ,帮你在大多数流行的地图供应商之间转换。只需更新一行代码,便可转换完毕。

Amberjack

一个小巧的JavaScript脚本库,为你的网站添加上漂亮的导游信息。 一旦启用,一个模式化的内容框就能像到导游同样介绍您的站点,框内能够添加任意你想要的内容。导游内容的代码能够手工编写,也能够用线上工具自动生成。固然,你能够经过编写css或者利用即刻可用的主题来使导游信息符合内容框的样式。

JsLoad

JavaScript脚本库的远程载入API。JsLoad这个简单的API可以让你从Google的服务器上导入大致积JavaScript文件。JsLoad能自动载入任何版本代码库的依赖文件。

英文原文: 40 Useful JavaScript Libraries | Smashing Magazine
中文译文: 40个实用的轻量级JavaScript库 | 笨活儿