2022年个轻量级JavaScript库[整 .pdf

《2022年个轻量级JavaScript库[整 .pdf》由会员分享，可在线阅读，更多相关《2022年个轻量级JavaScript库[整 .pdf（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、40 个轻量级JavaScript 库COMSHARP CMS写道：流行的JavaScript 库不胜枚举， jQuery, MooTools, Prototype, Dojo, YUI 。这些JavaScript 库功能丰富，加上它们的插件，几乎能胜任任何工作，然而这是有代价的， 这些库往往导致你的网页尺寸臃肿。在某些场合，如果你只想完成特定的工作，可以使用一些功能更专一的轻量库，本文介绍了40 个非常出色的轻量级JavaScript 库。1. 表单相关wForms一个低调的开源项目， 简化了绝大多数常用 JavaScript 表单功能，包含可以直接使用的表单验证功能，另外，还包含强大的表单

2、同步以及表单条件判断功能。Validanguage又一个低调的 JavaScript 表单验证框架。 它拥有集成逻辑， 一些设置可以针对全局，单个表单或单个对象。提供两个API，集成 AJAX 支持，缓存，以及回调函数。它提供类似 HTML 的 API 语句，以及面向对象的 JavaScript API 。LiveValidation一个轻量的表单验证库。 除了传统的验证功能， 还提供实时验证， 可以一边输入一遍验证。 Ruby on Rails用户可能会发现这个库非常好用，因为他们的命名规则和参数十分近似。该库既有独立版本，又有一个 Prototype 版本。名师资料总结 - - -精品资料

3、欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 9 页 - - - - - - - - - yav一个强大，灵活，可扩展的表单验证库。支持各种场合，从简单的如日期，电子邮件地址以及整数的验证，到复杂的，如正则表达式。内置 AJAX 支持，输出的错误消息可以定位到对象级。qForms处理表单的整套方案。 功能包括各种验证规则， 防止多次发布的机制， 以及锁定或解锁制定输入框。formreform不基于 table 的多栏设计向来是一个挑战。这个微型库将传统的表单变成漂亮的多栏形式。2. 动画相关$fx()

4、一个用来让 HTML 对象运动的轻量库。你可以在一个时间轴上改变任何 CSS 属性，对于复杂动画， 你可以将各种效果结合起来， 将对象分组， 让它们并行运动。JSTweener一个生成中间帧的 JavaScript 库， 它的 API 类似著名的中间帧引擎Tweener。你可以指定动画时间，定义切换效果以及时延。在几乎任何点都可以触动事件。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 9 页 - - - - - - - - - Facebook Animation一个强

5、大的，用来创建可定制的，基于 CSS 的动画。在 Facebook 动画中，几行代码就可以改善 UI 。语法和 FBJS （用于 Facebook 的库）一样。FX一个语法类似 YUI 的轻量 JavaScript 库， 可以为几乎任何 CSS 属性创建中间帧。支持颜色和滚动动画，为对象设置 to 和 from 值就可以了。3. 视觉与图形效果JS charts支持柱状图，圆饼图以及简单的曲线图。 直接将这个库插入网页， 然后从 XML 文件或 JavaScript 数组变量调用数据。 PNG 格式，兼容所有主要浏览器。Canvas 3D JS Library (C3DL)C3DL使 3D 程

6、序的编写变得简单。提供一套数学，场景与 3D 对象类，可以直接在浏览器中开发 3D 内容，不需要很深的 3D 知识。Processing.js这是 Processing 语言在 JavaScript 的移植。2D输出功能丰富。提供了绘图，色彩处理，字体，对象等处理函数。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 9 页 - - - - - - - - - Rapha?l一个让人惊叹的 JavaScript 库，可以在 Web 上实现矢量图。使用 SVG, VML 创建

7、的图形可以被更改或绑定事件。功能极其丰富，包括旋转，动画，缩放等。ImageFX该 JavaScript 库为图片添加效果，如虚化，锐化，浮雕，加亮等。ImageFX 使用画布对象实现这些效果，兼容所有主流浏览器。这个库非常容易使用，只要将 .js 库文件插入网页，调用那些函数即可。PixasticPixastic使用 HTML5 画布对象，允许对原始像素进行操作。 效果包括去饱和度，灰度级，反转，亮度，对比度调整， 色调，饱和度调整， 以及浮雕，虚化等效果。因为用到了 HTML 5 的画布对象，因此还无法兼容所有浏览器。Reflection.js一个很低调的 JavaScript 自动实现倒

8、影效果。倒影的高度，透明度可以调整。支持所有主流浏览器，文件尺寸小于5K。4. 数据库Taffy DB一个 JavaScript 库，可以看作浏览器中的 SQL Server ，或高级数组管理器。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 9 页 - - - - - - - - - 在使用了 AJAX 的程序中，可以用作数据库层，可以创建，读取，编辑，删除数据，使用循环，排序以及高级查询。ActiveRecord.js这个库支持 Google Gears 以及 Chr

9、ome，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空间的一些模型。Pret

10、ty Date一个很出色的 JavaScript 库，用一种很漂亮， 很友好的方式显示日期， 如下图所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 9 页 - - - - - - - - - XRegExpJavaScript 中的 RegExp 对象已经支持正则表达式，XRegExp增加了更多未来浏览器可能包含的功能（ ECMAScript 4 - ES4 ）。该库对 RegExp 对象进行缓存，重用并增加了众多新功能。JavaScript URL Library

11、一个用来处理 URL 的 JavaScript 库，可以对 URL 中的任意部分进行处理。6. Fonts typeface.js这个库可以让你在网页中使用任意字体，但和 sIFR 以及 FLIR 这些基于 Flash 的方案不一样， typeface.js100% 基于 JavaScript，只需将你的字体文件上传到一个 基于 Web 的生成器 那里，再将生成的 JavaScript 文件下载回来包含到网页中即可。Cufn和 typeface.js 很相像， Cufn 也可以让你在网页中使用任意字体，同样，它也是使用一个生成器， 将字体转换成 VML，将生成的 .js 文件包含到网页即可。7

12、. 调试与记录Blackbird人们经常使用 Alert() 调试 JavaScript 程序， Blackbird提供了一个漂亮的控制台记录，查看，过滤程序的运行。NitobiBug基于浏览器的跨浏览器 javaScript 对象记录与检查工具。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 9 页 - - - - - - - - - Firebug Lite目前最好的 JavaScript 调试工具非Firebug莫属，然而该工具只支持FireFox ，将 Fireb

13、ug Lite .js 文件插入你的网页，就可以在所有浏览器都实现 FireBug 功能。8. 其它swfobject这是一个最受欢迎的对 Flash 对象进行引用的方法。 可以生成标准 swf 引用代码，并探测用户播放器版本。如果用户版本不支持，会显示备用内容。sorttable与 dragtable不管你喜欢与否， table 仍然是最好的表现数据的方式，但可以更好地利用。sorttable可以让表格数据排序，只需在 table 上加一个 class=sortable 标志，还可以排除指定的栏。dragtable让表格的栏可以拖动，在表格上加上class=dragable 标志即可，这两个

14、类可以结合起来使用，只需加上class=sortable dragtable 即可。DD_roundies 与 DD_belatedPNGDD_roundies 可以不依赖图片实现圆角功能，只面向 IE ， 通过 VML 实现，其它浏览器会被略过，因为那些浏览器本身支持 CSS 圆角。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 9 页 - - - - - - - - - DD_belatedPNG是为了解决 IE6 对 PNG 支持不好问题而开发的，不管 PNG 图片

15、用于 src 还是 background-image ，DD_belatedPNG都能提供修补。Custom JavaScript Dialog Boxes一个只有 4.5K 的轻量 JavaScript 库，可以创建用户定制对话框，可显示4种类型的消息框， alerts, warnings, prompts, success。可以设定消息框标题，内容，以及过多长时间显示。GameJSGameJS是微软的XNA 游戏框架 在 JavaScript 上的移植，使用 canvas 对象作为输出设备。 JavaScript 不是最佳游戏平台，但对那些帧率较低的游戏也没有问题。Shortcuts.js

16、从 Google Reader 和 Gmail 开始， Web 程序中的快捷键开始流行起来。Shorcuts.js让快捷键的处理变得简单。Mapstraction有不少地图提供商都提供不同 API ，如果你要更换提供商，比如从 Google Maps 到 MapQuest，需要更新代码， Mapstraction提供了常用地图提供商的 API ，只需该一行代码就能完成转换。Amberjack一个只有 4K 的微型 JavaScript 库，可以为你的网站添加漂亮的教程功能，一个模式窗口会以教程的形式显示任意内容，教程中的步骤可以通过手工编码实现名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 9 页 - - - - - - - - - 或在线自动生成 。可以使用 主题或 CSS 控制内容的格式。JsLoadJsLoad 可以从 Google server 远程加载各种 JavaScript 库，可以自动加载各种版本的支撑库。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 9 页 - - - - - - - - -