40 lightweight JavaScript libraries (on)

There are countless popular JavaScript libraries, such as jquery, mootools, prototype, dojo, and Yui. These JavaScript libraries are rich in functionality, and their plug-ins are almost competent for any job. However, there is a price. These libraries often lead to a bloated page size. In some cases, if you only want to do specific work, you can use some lightweight libraries with more specific functions. This article introduces 40 excellent lightweight JavaScript libraries.

1. Form-related
Wforms
A low-profile open-source project simplifies most common JavaScript form functions, including form verification functions that can be used directly, and also provides powerful form synchronization and form condition judgment functions.

Validanguage
Another low-profile JavaScript form verification framework. It has the integration logic. Some settings can be global, single form, or single object. Provides two APIs, including Ajax support, cache, and callback functions. It provides HTML-like API statements and object-oriented JavaScript APIs.

Livevalidation

A lightweight form verification library. In addition to the traditional verification function, it also provides real-time verification that can be entered once. Ruby on Rails users may find this library very useful because their naming rules and parameters are very similar. This database has both an independent version and a prototype version.

Yav
A powerful, flexible, and scalable Form Verification library. Supports various scenarios, from simple verification of dates, email addresses, and Integers to complex regular expressions. Built-in Ajax support. The output error messages can be located at the object level.

Qforms
A complete solution for processing forms. Features include various verification rules to prevent multiple releases and to lock or unlock the input box.

Formreform
Table-Based Multi-column design is always a challenge. This micro-library turns traditional forms into beautiful multi-column forms.

2. animation-related
$ FX ()
A lightweight library for moving HTML objects. You can change any CSS attribute on a timeline. For complex animations, you can combine various effects to group objects for parallel motion.

Jstweener
A JavaScript library that generates intermediate frames. Its API is similar to the famous intermediate frame engine Tweener. You can specify the animation time to define the switching effect and latency. Events can be triggered at almost any point.

Facebook Animation
A powerful tool for creating customizable CSS-based animations. Several lines in Facebook AnimationCodeYou can improve the UI. The syntax is the same as that of fbjs (for Facebook libraries.

FX
A simple JavaScript library with a syntax similar to Yui can create intermediate frames for almost any CSS attribute. Color and scroll animation are supported. You can set the to and from values for the object.
3. visual and graphic Effects
JS charts
Supports bar charts, pie charts, and simple curves. Directly Insert the library into the webpage and call data from the XML file or Javascript array variable. PNG format, compatible with all major browsers.

Canvas 3D JS Library (c3dl)
C3dl 3DProgramIs easy to write. Provides a set of mathematics, scenarios, and 3D objects. You can develop 3D content directly in a browser without deep 3D knowledge.

Processing. js
This is the transplantation of the processing language in JavaScript. Rich 2D output functions. Provides processing functions such as drawing, color processing, Font, and object.

Rapha rjl
An amazing JavaScript library can implement vector graphs on the web. With SVG, the graphics created by VML can be changed or bound to events. Extremely rich functions, including rotation, animation, scaling, etc.

Imagefx
This JavaScript library adds effects to images, such as blur, sharpening, relief, and brightening. Imagefx uses canvas objects to achieve these effects and is compatible with all mainstream browsers. This library is very easy to use. You only need to insert the. js library file into the webpage and call those functions.

Pixastic
Pixastic uses the HTML5 canvas object to allow operations on the original pixel. Effects include desaturation, gray level, reversal, brightness, contrast adjustment, tone, saturation adjustment, relief, and blur. Because HTML 5 canvas objects are used, they are not compatible with all browsers.

Reflection. js
A very low-key JavaScript automatically implements the reflection effect. The height of the reflection, and the transparency can be adjusted. All mainstream browsers are supported. The file size is smaller than 5 kb.

4. Database
Taffy DB
A JavaScript library can be viewed as an SQL server in a browser or an advanced array manager. In an Ajax program, it can be used as a database layer, and can be used to create, read, edit, and delete data, and to use loops, sorting, and advanced queries.

Activerecord. js
This library supports Google gears, chrome, Aptana jaxer, Adobe AIR, and any platform that supports HTML 5 SQL rules (WebKit and iPhone are currently supported ). You can automatically create tables to verify and synchronize data.

This Article International Source: http://www.smashingmagazine.com/2009/03/02/40-stand-alone-javascript-libraries-for-specific-purposes/