【转】40个轻量级JavaScript库介绍

原文：http://blog.csdn.net/tuwen/archive/2010/01/12/5181599.aspx

流行 JavaScript 库不胜枚举jQuery, MooTools, Prototype, Dojo, YUI这些 JavaScript 库功能丰富加上它们插件几乎能胜任任何工作然而这有代价这些库往往导致你网页尺寸臃肿某些场合如果你只想完成特定工作可使用一些功能更专一轻量库本文介绍了40个非常出色轻量级 JavaScript 库

1. 表单相关

wForms

一个低调开源项目简化了绝大多数常用 JavaScript 表单功能包含可直接使用表单验证功能另外还包含强大表单同步及表单条件判断功能

Validanguage

又一个低调 JavaScript 表单验证框架它拥有集成逻辑一些设置可针对全局单个表单或单个对象提供两个API集成 AJAX 支持缓存及回调函数它提供类似 HTML API 语句及面向对象 JavaScript API

LiveValidation

一个轻量表单验证库除了传统验证功能还提供实时验证可一边输入一遍验证Ruby on Rails 用户可能会发现这个库非常好用因他们命名规则和参数十分近似该库既有独立版本又有一个 Prototype 版本

yav

一个强大灵活可扩展表单验证库支持各种场合从简单如日期电子邮件址及整数验证到复杂如正则表达式内置 AJAX 支持输出错误消息可定位到对象级

qForms

处理表单整套方案功能包括各种验证规则防止多次发布机制及锁定或解锁制定输入框

formreform

不基 table 多栏设计向来一个挑战这个微型库将传统表单变成漂亮多栏形式

2. 动画相关

$fx()

一个用来让 HTML 对象运动轻量库你可一个时间轴上改变任何 CSS 属性对复杂动画你可将各种效果结合起来将对象分组让它们并行运动

JSTweener

一个生成间帧 JavaScript 库它 API 类似著名间帧引擎 Tweener你可指定动画时间定义切换效果及时延几乎任何点都可触动事件

Facebook Animation

一个强大用来创建可定制基 CSS 动画 Facebook 动画几行代码就可改善 UI语法和 FBJS （用 Facebook 库）一样

一个语法类似 YUI 轻量 JavaScript 库可几乎任何 CSS 属性创建间帧支持颜色和滚动动画对象设置 to 和 from 值就可了

3. 视觉与图形效果

JS charts

支持柱状图

圆饼图

及简单

曲线图

直接将这个库插入网页

然后从 XML 文件或 JavaScript 数组变量调用数据

PNG 格式

兼容所有主要浏览器

Canvas 3D JS Library (C3DL)

C3DL 使 3D 程序

编写变

简单

提供一套数学

场景与 3D 对象类

可

直接

浏览器

开发 3D 内容

不需要很深

3D 知识

Processing.js

这

Processing 语言

JavaScript

移植

2D输出功能丰富

提供了绘图

色彩处理

字体

对象等处理函数

Rapha?l

一个让人惊叹

JavaScript 库

可

Web 上实现矢量图

使用 SVG, VML 创建

图形可

被更改或绑定事件

功能极其丰富

包括旋转

动画

缩放等

ImageFX

该 JavaScript 库

图片添加效果

如虚化

锐化

浮雕

加亮等

ImageFX 使用画布对象实现这些效果

兼容所有主流浏览器

这个库非常容易使用

只要将 .js 库文件插入网页

调用那些函数即可

Pixastic

Pixastic 使用 HTML5 画布对象

允许对原始像素进行操作

效果包括去饱和度

灰度级

反转

亮度

对比度调整

色调

饱和度调整

及浮雕

虚化等效果

因

用到了 HTML 5

画布对象

因此还无法兼容所有浏览器

Reflection.js

一个很低调

JavaScript 自动实现倒影效果

倒影

高度

透明度可

调整

支持所有主流浏览器

文件尺寸小

4. 数据库

Taffy DB

一个 JavaScript 库

可

看作浏览器

SQL Server

或高级数组管理器

使用了 AJAX

程序

可

用作数据库层

可

创建

读取

编辑

删除数据

使用循环

排序

及高级查询

ActiveRecord.js

这个库支持 Google Gears

及 Chrome

Aptana Jaxer, Adobe AIR

及任何支持 HTML 5 SQL 细则

平台（目前有 Webkit

及 iPhone）

可

自动创建表

验证和同步数据

5. 字符串与数学函数

Date.js

和日期打交道不件容易事有很多格式要处理Datejs 可很好处理简单或复杂日期函数可将日期解析出诸如“Next thursday”“+2 years”一类格式也支持所有日期形式如 2009.01.08, 12/6/2001

Sylvester

一个处理矢量和点阵数学 JavaScript 库包含多维矢量和点阵建模类及3D空间一些模型

Pretty Date

一个很出色 JavaScript 库用一种很漂亮很友好方式显示日期如下图所示

XRegExp

JavaScript RegExp 对象已经支持正则表达式XRegExp 增加了更多未来浏览器可能包含功能（ECMAScript 4 - ES4）该库对 RegExp 对象进行缓存重用并增加了众多新功能

JavaScript URL Library

一个用来处理 URL JavaScript 库可对 URL 任意部分进行处理

6. Fonts

typeface.js

这个库可让你网页使用任意字体但和 sIFR 及 FLIR 这些基 Flash 方案不一样typeface.js 100% 基 JavaScript只需将你字体文件上传到一个基 Web 生成器那里再将生成 JavaScript 文件下载回来包含到网页即可

Cufón

和 typeface.js 很相像Cufón 也可让你网页使用任意字体同样它也使用一个生成器将字体转换成 VML将生成 .js 文件包含到网页即可

7. 调试与记录

Blackbird

人们经常使用 Alert() 调试 JavaScript 程序Blackbird 提供了一个漂亮控制台记录查看过滤程序运行

NitobiBug

基浏览器跨浏览器 javaScript 对象记录与检查工具

Firebug Lite

目前最好 JavaScript 调试工具非 Firebug 莫属然而该工具只支持 FireFox将 Firebug Lite .js 文件插入你网页就可所有浏览器都实现 FireBug 功能

8. 其它

swfobject

这一个最受欢迎对 Flash 对象进行引用方法可生成标准 swf 引用代码并探测用户播放器版本如果用户版本不支持会显示备用内容

sorttable 与 dragtable

不管你喜欢与否table 仍然最好表现数据方式但可更好利用sorttable 可让表格数据排序只需 table 上加一个 class="sortable" 标志还可排除指定栏dragtable 让表格栏可拖动表格上加上 class="dragable" 标志即可这两个类可结合起来使用只需加上 class="dragtable sortable" 即可

DD_roundies 与 DD_belatedPNG

DD_roundies 可不依赖图片实现圆角功能只面向 IE 通过 VML 实现其它浏览器会被略过因那些浏览器本身支持 CSS 圆角

DD_belatedPNG 了解决 IE6 对 PNG 支持不好问题而开发不管 PNG 图片用 src 还 background-imageDD_belatedPNG 都能提供修补

Custom JavaScript Dialog Boxes

一个只有 4.5K 轻量 JavaScript 库可创建用户定制对话框可显示4种类型消息框alerts, warnings, prompts, success可设定消息框标题内容及过多长时间显示

GameJS

GameJS 微软 XNA 游戏框架 JavaScript 上移植使用 canvas 对象作输出设备JavaScript 不最佳游戏平台但对那些帧率较低游戏也没有问题

Shortcuts.js

从 Google Reader 和 Gmail 开始Web 程序快捷键开始流行起来Shorcuts.js 让快捷键处理变简单

Mapstraction

有不少图提供商都提供不同 API如果你要更换提供商比如从 Google Maps 到 MapQuest需要更新代码Mapstraction 提供了常用图提供商 API只需该一行代码就能完成转换

Amberjack

一个只有 4K 微型 JavaScript 库可你网站添加漂亮教程功能一个模式窗口会教程形式显示任意内容教程步骤可通过手工编码实现或线自动生成可使用主题或 CSS 控制内容格式

JsLoad

JsLoad 可从 Google server 远程加载各种 JavaScript 库可自动加载各种版本支撑库

8. 其它

swfobject

这一个最受欢迎对 Flash 对象进行引用方法可生成标准 swf 引用代码并探测用户播放器版本如果用户版本不支持会显示备用内容

sorttable 与 dragtable

DD_roundies 与 DD_belatedPNG

DD_roundies 可不依赖图片实现圆角功能只面向 IE 通过 VML 实现其它浏览器会被略过因那些浏览器本身支持 CSS 圆角

DD_belatedPNG 了解决 IE6 对 PNG 支持不好问题而开发不管 PNG 图片用 src 还 background-imageDD_belatedPNG 都能提供修补

Custom JavaScript Dialog Boxes

一个只有 4.5K 轻量 JavaScript 库可创建用户定制对话框可显示4种类型消息框alerts, warnings, prompts, success可设定消息框标题内容及过多长时间显示

GameJS

GameJS 微软 XNA 游戏框架 JavaScript 上移植使用 canvas 对象作输出设备JavaScript 不最佳游戏平台但对那些帧率较低游戏也没有问题

Shortcuts.js

从 Google Reader 和 Gmail 开始Web 程序快捷键开始流行起来Shorcuts.js 让快捷键处理变简单

Mapstraction

Amberjack

JsLoad

JsLoad 可从 Google server 远程加载各种 JavaScript 库可自动加载各种版本支撑库

5. 字符串与数学函数

Date.js

Sylvester

一个处理矢量和点阵数学 JavaScript 库包含多维矢量和点阵建模类及3D空间一些模型

Pretty Date

一个很出色 JavaScript 库用一种很漂亮很友好方式显示日期如下图所示

XRegExp

JavaScript RegExp 对象已经支持正则表达式XRegExp 增加了更多未来浏览器可能包含功能（ECMAScript 4 - ES4）该库对 RegExp 对象进行缓存重用并增加了众多新功能

JavaScript URL Library

一个用来处理 URL JavaScript 库可对 URL 任意部分进行处理

6. Fonts

typeface.js

Cufón

和 typeface.js 很相像Cufón 也可让你网页使用任意字体同样它也使用一个生成器将字体转换成 VML将生成 .js 文件包含到网页即可

7. 调试与记录

Blackbird

人们经常使用 Alert() 调试 JavaScript 程序Blackbird 提供了一个漂亮控制台记录查看过滤程序运行

NitobiBug

基浏览器跨浏览器 javaScript 对象记录与检查工具

Firebug Lite

目前最好 JavaScript 调试工具非 Firebug 莫属然而该工具只支持 FireFox将 Firebug Lite .js 文件插入你网页就可所有浏览器都实现 FireBug 功能

8. 其它

swfobject

这一个最受欢迎对 Flash 对象进行引用方法可生成标准 swf 引用代码并探测用户播放器版本如果用户版本不支持会显示备用内容

sorttable 与 dragtable

DD_roundies 与 DD_belatedPNG

DD_roundies 可不依赖图片实现圆角功能只面向 IE 通过 VML 实现其它浏览器会被略过因那些浏览器本身支持 CSS 圆角

DD_belatedPNG 了解决 IE6 对 PNG 支持不好问题而开发不管 PNG 图片用 src 还 background-imageDD_belatedPNG 都能提供修补

Custom JavaScript Dialog Boxes

一个只有 4.5K 轻量 JavaScript 库可创建用户定制对话框可显示4种类型消息框alerts, warnings, prompts, success可设定消息框标题内容及过多长时间显示

GameJS

GameJS 微软 XNA 游戏框架 JavaScript 上移植使用 canvas 对象作输出设备JavaScript 不最佳游戏平台但对那些帧率较低游戏也没有问题

Shortcuts.js

从 Google Reader 和 Gmail 开始Web 程序快捷键开始流行起来Shorcuts.js 让快捷键处理变简单

Mapstraction

Amberjack

JsLoad

JsLoad 可从 Google server 远程加载各种 JavaScript 库可自动加载各种版本支撑库

8. 其它

swfobject

这一个最受欢迎对 Flash 对象进行引用方法可生成标准 swf 引用代码并探测用户播放器版本如果用户版本不支持会显示备用内容

sorttable 与 dragtable

DD_roundies 与 DD_belatedPNG

DD_roundies 可不依赖图片实现圆角功能只面向 IE 通过 VML 实现其它浏览器会被略过因那些浏览器本身支持 CSS 圆角

DD_belatedPNG 了解决 IE6 对 PNG 支持不好问题而开发不管 PNG 图片用 src 还 background-imageDD_belatedPNG 都能提供修补

Custom JavaScript Dialog Boxes

一个只有 4.5K 轻量 JavaScript 库可创建用户定制对话框可显示4种类型消息框alerts, warnings, prompts, success可设定消息框标题内容及过多长时间显示

GameJS

GameJS 微软 XNA 游戏框架 JavaScript 上移植使用 canvas 对象作输出设备JavaScript 不最佳游戏平台但对那些帧率较低游戏也没有问题

Shortcuts.js

从 Google Reader 和 Gmail 开始Web 程序快捷键开始流行起来Shorcuts.js 让快捷键处理变简单

Mapstraction

Amberjack

JsLoad

JsLoad 可从 Google server 远程加载各种 JavaScript 库可自动加载各种版本支撑库