阅读更多

52顶
1踩

Web前端

转载新闻 40 个轻量级 JavaScript 库 (上)

2009-03-06 09:43 by 副主编 zly06 评论(12) 有12935人浏览

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

1. 表单相关

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

wForms

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

Validanguage

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

LiveValidation

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

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

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

2. 动画相关

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

$fx() JavaScript Animation Library

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

JSTweener

Facebook Animation
一个强大的,用来创建可定制的,基于 CSS 的动画。在 Facebook 动画中,几行代码就可以改善 UI。语法和 FBJS (用于 Facebook 的库)一样。

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

3. 视觉与图形效果

JS charts
支持柱状图,圆饼图以及简单的曲线图。直接将这个库插入网页,然后从 XML 文件或 JavaScript 数组变量调用数据。PNG 格式,兼容所有主要浏览器。

JS Charts

Canvas 3D JS Library (C3DL)
C3DL 使 3D 程序的编写变得简单。提供一套数学,场景与 3D 对象类,可以直接在浏览器中开发 3D 内容,不需要很深的 3D 知识。

C3DL

Processing.js
这是 Processing 语言在 JavaScript 的移植。2D输出功能丰富。提供了绘图,色彩处理,字体,对象等处理函数。

Processing.js

Rapha?l
一个让人惊叹的 JavaScript 库,可以在 Web 上实现矢量图。使用 SVG, VML 创建的图形可以被更改或绑定事件。功能极其丰富,包括旋转,动画,缩放等。

Raphael: Vectors With JavaScript

ImageFX
该 JavaScript 库为图片添加效果,如虚化,锐化,浮雕,加亮等。ImageFX 使用画布对象实现这些效果,兼容所有主流浏览器。这个库非常容易使用,只要将 .js 库文件插入网页,调用那些函数即可。

Imagefx

Pixastic
Pixastic 使用 HTML5 画布对象,允许对原始像素进行操作。效果包括去饱和度,灰度级,反转,亮度,对比度调整,色调,饱和度调整,以及浮雕,虚化等效果。因为用到了 HTML 5 的画布对象,因此还无法兼容所有浏览器。

Reflection.js
一个很低调的 JavaScript 自动实现倒影效果。倒影的高度,透明度可以调整。支持所有主流浏览器,文件尺寸小于5K。

Reflection.js

4. 数据库

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

ActiveRecord.js
这个库支持 Google Gears 以及 Chrome,Aptana Jaxer, Adobe AIR 以及任何支持 HTML 5 SQL 细则的平台(目前有 Webkit 以及 iPhone)。可以自动创建表,验证和同步数据。

ActiveRecord.js

英文原文:40 Useful JavaScript Libraries

 

来自: comsharp
52
1
评论 共 12 条 请登录后发表评论
12 楼 java程序员 2009-09-25 00:03
好东西啊。。。收藏啦。。
11 楼 linginfanta 2009-03-09 08:52
一个一个挨着试。
10 楼 fengyunmeigui 2009-03-08 22:03
很强,不能在做发明车轮的人了.呵呵.
其实我也发明不了车轮.
9 楼 nianjb 2009-03-08 10:37
好东西,先弄几个试一试怎么样,thanks
8 楼 witcheryne 2009-03-08 09:33
好东西~~ 收藏了!!!
期待下...
7 楼 wcily123 2009-03-07 16:12
下什么时候出来?
6 楼 javascripteye 2009-03-07 15:45
js只要关联的http太多,就没所谓轻量了
5 楼 kjj 2009-03-07 11:45
好东西,收藏了先
4 楼 whaosoft 2009-03-07 09:35
晕 气死我了 都不能下载
3 楼 qq19772004 2009-03-07 09:13
OK,有点意思
2 楼 rmn190 2009-03-07 07:35
不错,收藏, 谢谢分享.

很是想试试表单的自动验证功能.
1 楼 曾经de迷茫 2009-03-07 03:04
不错 js画图

发表评论

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

相关推荐

  • VCHOME_多线程综合技术

    VCHome的多线程类技术文档的综合打包文档

  • 想学习VC?听听vchome斑竹的

    http://vchome.topcool.net/VCHOME -> 站长杂记 怎样学习VC? 作者 张振宇 2001/03/08现在,越来越多的人开始学习VC了,如果能精通VC,就象精通了九阴真经一样,可以天下无敌了。我想很多VC爱好者都有这种追求武学至高境界的心理。我就是抱着这种心理开始学习VC了,至今已近三年了,其间经历过无数的困惑和磨难.....可是我最终没有放弃,到如今

  • 有感程序员(http://www.vchome.net)

      坦白地讲,我是很同情程序员,其中原因并不是因为我也是个程序员出身的,年轻的时候气总是很旺,以为能写一些C/C++代码就以为这辈子不愁没饭吃了,梦里都经常出现自已端着一大碗热气腾腾的米饭到处炫耀,也难怪自已是个农村出来的孩子,从小过惯了穷日子,或多或少形成一些害怕贫穷害怕饥饿的意识,在社会主义现代化国家中也许这是多余的,弄不好街道办或居委会的党员老大爷或老大妈会找上门来作俺们的思想工作.虽然

  • VCHOME资料集

    VCHOME资料,chm格式.<br>资料目录如下:<br>MFC深入浅出<br>动态链接库<br>多媒体技术<br>多线程综合技术<br>嵌入式开发综合技术<br>图形图像编程技术<br>软件工程思想<br>设计模式

  • 创业,我为什么失败??? http://www.vchome.net (转)

    创业,我为什么失败??? http://www.vchome.net (转)[@more@]2002年11月至2003年5月,这段时间是阿蒙(.NET">http://www.vchome.net)的第一次创业,显然是失败...

  • 40个轻量级JavaScript库

    40_个轻量级_JavaScript_库

  • 40个轻量级JavaScript库[整理].pdf

    40个轻量级JavaScript库[整理].pdf

  • 一个轻量级的javascript库 pj介绍

    相对于其他语言来说,javascript脚本...但我们有需要一个库来协助开发,所以自己就写了一个轻量级的javascript库,只支持一些简单的选择器,其中很多选择器,方法借鉴了jQuery,命名为pj.下载源代码 这里只简单介绍一下

  • jeLite:jeLite-用于DOM操作的轻量级Javascript库

    用于DOM操作的轻量级Javascript库 CORE方法// jeLite()-$()//创建//扩展 DOM方法//隐藏| 显示//切换| toggleClass // CSS | attr // html // hasClass | removeClass | addClass //父| 删除| append // ...

  • wheelSpy:一个轻量级的 JavaScript 视差滚动库

    一个轻量级的 JavaScript 视差滚动库。 如何使用 基本用法 您可以通过调用创建一个新的间谍 var spy = wheelSpy . add ( selector ) ; 以下代码将在特定帧范围内向间谍添加一个动作: spy . to ( startFrame : ...

  • 一个简单轻量级的Javascript库用于动态网格布局

    一个简单,轻量级的Javascript库,用于动态网格布局

  • sphyker:轻量级 JavaScript 库

    斯菲克轻量级 JavaScript 库。

  • knvs:KNVS是一个用于画布动画的轻量级JavaScript库

    国民党大卫·阿维拉内达(David Avellaneda)– @Davsket和KNVS是一个用于画布动画的轻量级JavaScript库,它使用一个canvas元素并创建一个连续的动画板。 您通过KNVS绘制的每个元素都将在画布上重新绘制,因此您对该...

  • grapho:轻量级JavaScript库,可使用ES6在客户端上处理图形

    Grapho是一个轻量级JavaScript库,用于在客户端操作图。 它使用ES6语法使将结构扩展到合适的方式变得更加容易。 一个人可以很容易地使用它,而无需深刻地了解图形理论术语和其算法,它可以作为黑盒数据结构来处理...

  • pj 一个轻量级的javascript库.zip

    pj 一个轻量级的javascript库.zip

  • easyjs:轻量级Javascript工具库

    轻量级Javascript工具库 core.js 入口文件,定义ejs对象和基础方法 方法: 使用原型(prototype)方式实现Javascript类之间的继承关系,使用此方式会在创建新的实例时继续保持继承来的属性和方法。 @param subClass ...

  • ImaginableJS:用于编辑图片的轻量级 JavaScript 库

    想象中的JS 用于编辑图片的轻量级 JavaScript 库

  • validateJS:轻量级 javascript 验证库

    验证JS validateJS 是一个轻量级的 javascript 库,有助于轻松设置各种客户端验证。 这个库缩短了你的编码时间,通过 javascript 设置所有那些烦人的验证,这些验证不能被忽略,对于任何输入表单都是必不可少的。 ...

  • reckonjs:一个轻量级的 JavaScript 字符串插值库

    一个轻量级的 JavaScript 字符串插值库。 它是什么? Reckon JS 是一个简单的库,可以在 JavaScript(浏览器或 NodeJS)中使用模板字符串。 下面是如何使用 Reckon JS 的简单示例: 这个怎么运作? 在浏览器中 ...

  • kscriptor:面向 Web 开发人员的轻量级 JavaScript 库

    脚本程序 面向 Web 开发人员的轻量级 JavaScript 库

Global site tag (gtag.js) - Google Analytics