【转】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 库）一样

FX

一个语法类似 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 自动实现倒影效果倒影高度透明度可调整支持所有主流浏览器文件尺寸小5K

 

4. 数据库

Taffy DB

一个 JavaScript 库可看作浏览器 SQL Server或高级数组管理器使用了 AJAX 程序可用作数据库层可创建读取编辑删除数据使用循环排序及高级查询

 

ActiveRecord.js

这个库支持 Google Gears 及 ChromeAptana 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

不管你喜欢与否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 库可自动加载各种版本支撑库

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

不管你喜欢与否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 库可自动加载各种版本支撑库