2014年2月12个最好的JavaScript库

JavaScript（JS）是一种解释性的计算机程序设计语言。它最初被实现为Web浏览器的一部分，使客户端脚本可以与用户进行交互，控制浏览器，异步通讯，并改变显示的文档内容。

在这篇文章中，收集了在2014年2月中最新出现的12个JavaScript库，以帮助你提高网站相关开发任务的效率，让您的网站在竞争中领先一步。

1. Cut.js

CutJS is a minimal JavaScript library for composing high-performance, dynamic and intractable 2D HTML5 graphics. It works with modern browsers and mobile devices and intended to be used for game and visual app development. CutJS provide a DOM-like API to create and play Canvas graphics and a new concept called pinning is introduced instead of styling.

2. Sticker.js

Sticker.js is a lightweight javaScript library that allows you to create a Sticker Effect. There is no dependencies (jQuery not required). It works in most of major browsers that support CSS 3 (IE10+). It is licensed under MIT License.

3. Fattable.js

Fattable is a javascript Library to create table with infinite scroll, with infinite number of rows and number of columns. Big table (more 10,000 cells) don’t do well with DOM. Your scroll will start getting choppy. Also big tables can rapidly grow in sizes. It is not always possible to have clients download or even retain all of the table data. Fattable includes everything required to load your data asynchronously.

4. fn.js

fn.js is an opinionated JavaScript library that pushes you to to adopt strategies that encourage a functional programming style. fn.js aims to support functional practices over performance or established conventions. In order to guide you on the right path, fn.js internals force avoidance of side effects, object mutation, and function state.
fn.js runs in the Node.js or in the browser using normal script tags or via an AMD loader such as RequireJS. Support for Bower is coming soon. fn.js is MIT licensed and hosted on GitHub.

5. Progress.js

ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page. You can design your own template for progress bar or customize it simply.
You can use ProgressJs for show the progress of loading contents (Images, videos etc.) on the page to the users. It could be used on all elements including textbox, textarea or even whole body.

6. Dropzone.js

Dropzone.js is a light weight, easy to use drag’n’drop, and opensource JavaScript library that turns an HTML element into a dropzone. This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX. Starting with version 2.0.0 this library does no longer depend on jQuery (but it still works as a jQuery module). It is written as a component but there’s a standalone version, and an AMD module that’s compatible with RequireJS in the downloads folder.

7. Clippy.js

Clippy.js adds Clippy or his friends to any website for instant nostalgia. It is a full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website.
Agents are composed of multiple sets of animations. However, unlike your Saturday morning cartoon, the animation is not linear. For example, while Links the cat is idle, behind the scenes a coin is flipped, and 10% of the time Links will turn about in boredom, or scratch behind his ears.

8. Select.js

Select.js is a Javascript and CSS library for creating styleable select elements. It aims to reproduce the behavior of native controls as much as is possible, while allowing for complete styling with CSS.

9. Instant Click

InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases. It preloads links your visitors are likely to click on, and can be configured to start loading on a variety of actions, including “mousedown”.

10. Wow.js

Wow.js enables you to reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.

11. Tether.js

Tether is a javascript library for efficiently making an absolutely positioned element stay next to another element on the page. For example, you might want a tooltip or dialog to open, and remain, next to the relevant item on the page.

12. ScrollReveal.js

ScrollReveal.js is a simple way to create and maintain how elements fade in, triggered when they enter the viewport. By adding a data-scrollreveal attribute to an element, it will automatically be revealed (using default values) as soon as the element is within the viewport. However, scrollReveal.js allows you to define custom reveals, using descriptive language. It is released under MIT License.