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.