• 【转】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 库自动加载各种版本支撑库

  • 相关阅读:
    jQuery has been removed
    tomcat 跨域的配置
    javascript 自定义事件 发布-订阅 模式 Event
    PS调出春夏外景婚纱照
    PS对街拍女孩照片增加质感
    PS制作水火相溶特效文字图片
    PS制作简洁漂亮的立体抽丝文字
    PS制作科幻特效的金色立体文字
    PS制作黑暗墙面上的漂亮霓虹文字
    PS制作漂亮紫色霓虹灯光文字
  • 原文地址:https://www.cnblogs.com/lauer0246/p/1663608.html
Copyright © 2020-2023  润新知