Introduction to 40 lightweight JavaScript Libraries

Source: Internet
Author: User
Tags mathematical functions javascript array

Original article: http://blog.csdn.net/tuwen/archive/2010/01/12/5181599.aspx

There are countless popular JavaScript libraries, such as jquery, mootools, prototype, and dojo, yui is rich in Javascript library functions, and their plug-ins are almost competent for any job. However, at this cost, these libraries often lead to a bloated page size. In some cases, if you just want to do a specific job, you can use some more specific functions. lightweight library this article introduces 40 excellent lightweight JavaScript Libraries

1. Form-related

Wforms

A low-key open-source project simplifies the vast majority of common JavaScript form functions, including the ability to directly use form verification, as well as powerful form synchronization and form condition judgment Functions

 

 

Validanguage

Another low-key JavaScript form verification framework. It has integrated logic. Some settings can be used to provide two APIs for a single form or single object globally. Ajax supports caching and callback functions. It provides HTML-like API statements and object-oriented functions. javascript API

 

Livevalidation

In addition to the traditional verification function, a lightweight form verification Library also provides real-time verification, which can be input to verify Ruby on Rails users. Users may find that this library is very useful because their naming rules and parameters are very similar to this library. both the standalone version and the prototype version

 

 

Yav

A powerful, flexible, and scalable Form Verification Library supports various scenarios, from simple date email addresses and integer verification to complex regular expressions. built-in Ajax supports output of error messages to object-level positioning.

 

Qforms

The entire form processing solution function includes various verification rules to prevent multiple publishing mechanisms and to lock or unlock the input box.

 

Formreform

Non-base table multi-column design has always been a challenge. This micro-library turns traditional forms into beautiful multi-column forms.

 

2. animation-related

$ FX ()

A lightweight library for HTML object motion. You can change any CSS attributes on a timeline. For complex animations, you can combine various effects to group objects for parallel motion.

 

 

Jstweener

A JavaScript library for generating inter-frame data. Its API is similar to the famous inter-frame engine Tweener. You can specify the animation time to define the switching effect and latency. Almost any point can touch the event.

 

Facebook Animation

A powerful tool used to create customizable Facebook animations with several lines of code can improve UI syntax like fbjs (using the Facebook Library)

FX

A syntax similar to the Yui lightweight JavaScript library allows you to create frames with almost any CSS attribute. You can set the to and from values for the color and scrolling animation objects.

 

3. Visual and Graphical effects JS charts supports bar charts, pie charts, and simple curves to directly insert this library into the web page, and then call the data PNG format compatible with all major browsers from XML files or Javascript array Variables

Canvas 3D JS Library (c3dl) c3dl makes 3D programming easier. It provides a set of mathematical scenarios and 3D object classes. You can directly develop 3D content in a browser without deep 3D knowledge.

Processing. js this processing language JavaScript port 2D output function rich provide graphic color processing font object processing functions

Rapha? L an amazing JavaScript library that allows you to use SVG to implement vector images on the Web. VML allows you to create images that can be changed or bind events. The functions are extremely rich, including rotating animation scaling.

Imagefx: The javascript library image adding effect, such as virtual sharpening, relief, and highlight. imagefx uses canvas objects to achieve these effects. compatible with all mainstream browsers. This library is very easy to use. insert the JS library file into the webpage and call those functions.

Pixasticpixastic uses the HTML5 canvas object to allow operations on the original pixels. effects include desaturation, gray level inversion, brightness contrast adjustment, tone saturation adjustment, and relief blur. As HTML 5 canvas objects are used, they cannot be compatible with all browser reflection. javascript a very low-key JavaScript automatically implements the reflection effect. The reflection effect is highly transparent. The size of all mainstream browsers is smaller than 5 kb.

4. database taffy db A JavaScript library can be seen as a browser SQL Server or advanced array Manager using the Ajax program can be used as a database layer to create Read edit delete data using cyclic sorting and advanced query activerecord. the JS Library supports Google gears and chromeaptana jaxer, Adobe AIR, and any platform that supports HTML 5 SQL rules (WebKit and iPhone are currently available) to automatically create tables for verification and data synchronization.

 

5. String and mathematical functions

Date. js

Dealing with dates is not easy. There are a lot of formats to deal with datejs. It can be very easy to deal with, or complex date functions can parse dates into formats such as "next Thursday" and "+ 2 years ". all date formats, such as 2009.01.08, 12/6/2001

 

 

Sylvester

A JavaScript library for processing vector and dot matrix mathematics contains multidimensional vector and dot matrix modeling classes and 3D space models.

 

 

Pretty date

A very good JavaScript library shows the date in a very nice and friendly way, as shown in

 

 

Xregexp

The javascript Regexp object already supports regular expressions. xregexp adds more future browser inclusion functions (ecmascript 4-ES4). This library caches and reuses Regexp objects and adds many new functions.

 

Javascript URL Library

A JavaScript library used to process any part of the URL

6. Fonts

Typeface. js

This library allows you to use any font on your webpage, but it is different from the basic flash solutions of sifr and fliR, typeface. in JavaScript 100%, you only need to upload your font file to a base Web generator and then download the generated Javascript file back to include it on the webpage.

 

 

Cufón

Similar to typeface. JS, cufón also allows your webpage to use any font. It also uses a generator to convert the font to VML to include the generated. js file to the webpage.

7. debugging and recording

Blackbird

People often use alert () to debug the Javascript program Blackbird. It provides a beautiful console record to view the program running the filter.

 

 

Nitobibug

Cross-browser JavaScript Object Record and check tools based on browsers

 

 

Firebug Lite

Currently, it is best to use a javascript debugging tool other than firebug. However, this tool only supports Firefox to insert the firebug Lite. js file into your webpage, so that all browsers can implement the firebug function.

 

 

8. Others

Swfobject

This method is the most popular method for referencing flash objects. It can generate standard SWF reference code and detect the user Player version. If the user version is not supported, the Standby content will be displayed.

 

Sorttable and dragtable

Whether you like it or not, table is still the best way to present data, but sorttable can be better used to sort table data. You only need to add a class = "sortable" flag to the table, and exclude the specified column dragtable so that the table column can be dragged. add the class = "dragable" flag to the table to combine these two classes. You only need to add class = "dragtable sortable ".

 

Dd_roundies and dd_belatedpng

Dd_roundies can achieve the rounded corner function without relying on images. The function is only for IE. other browsers implemented through VML will be skipped because those browsers support CSS rounded corners.

 

Dd_belatedpng solves IE6 PNG support is not good problem and development no matter PNG images with SRC and background-imageDD_belatedPNG can provide repair

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.