Go: 2014 coolest 30 JavaScript libraries

Originally from: http://www.gbtags.com/gb/share/3701.htm

The use of JavaScript libraries will make development easier, and most JavaScript libraries provide excellent functionality, and when we select a development technology for a project, choosing a star frame is certainly good, but some library files are too large. When you want to find a solution for a specific task, you can choose a more targeted, lightweight framework.

In this article, we summarize the recent 30 great JavaScript libraries, the following JavaScript libraries are very useful, especially for projects with specific needs.

1. Blast.js

Blast.js separates text by letters, words, or sentences so you can inject animations and styles into text.

2. Intense Images

Intense images is a JavaScript library that allows users to view the original pixel photos in full screen, the quality of the photo is generally not only the size of the computer screen, it provides us with sliding view, the effect is very perfect.

3. Hammer.js

Hammer.js can add touch gestures to your website, is a multi-touch gesture library, can add tap, Double Tap, Swipe, hold, Pinch, drag and other multi-touch events to the Web page, eliminating the ability to monitor the bottom touchstart, Touchmove, touchend events and write a lot of pain to judge logic.

4. Epoch

Epoch is a JavaScript library that generates real-time charts, focusing on two aspects of visual programming: Creating charts for historical data and visualizing real-time data graphs.

5. Boba.js

Boba.js is an easy-to-extend JavaScript library that makes adding Google stats simple, supports not only the classic Ga.js library, but also the new analytics.js, and it has a cool feature--tracklinks, Tracklinks can track all sub-pages.

6. Lazy.js

The functions of lazy.js and underscore and lo-dash are similar, but there is one important difference: it is deferred, and it can show good performance in most scenarios, especially when dealing with large arrays.

7. JS Capture

Jscapture is a shielded recording library written in plain JavaScript and HTML5. It allows you to make or record your desktop through your browser, which uses Getusermedia for masking, and currently only supports Chrome.

8. App.js

App.js is a lightweight JavaScript UI library, because it has a good name, it is now a star library, it can generate a user experience for your site a good mobile app, without compromising performance. And it's cross-platform, supporting Android 2.2 and above and iOS 4.3 or later.

9. Shepherd

Shepherd is a JavaScript library that creates user guides for your app. It uses another open source library,--tether. Tether can ensure that the user Guide is not affected by the browser layout. Currently Shepherd supports IE9 and all other modern browsers.

Ten. Rulersguide.js

Rulersguides.js is a JavaScript library similar to the Photoshop ruler.

Seen.js.

Seen.js renders 3D scenes as SVG or HTML Canvas. The seen.js contains a simple abstraction of the graphics capabilities of the SVG and HTML5 canvas elements. So the other components of this library are not concerned with the type of rendering.

At.js.

At.js is an auto-complete library for auto-complete prompts, such as emoticons, as you can see on Github or Twitter. It supports HTML5 contenteditable elements. You can listen to any character, not just the ' @ ' symbol, and you can set multiple listeners for different characters to implement different behaviors and data.

Bounce.js.

Bounce.js is a JavaScript library for making beautiful CSS3 keyframe animations, using the animated effects that are generated in its own way. Just add a component, choose a preset, and you can get a short URL or export it as a CSS code.

Vis.js.

Vis.js is a dynamic, browser-based visual library. The library is designed to be easy to use and can handle a large amount of dynamic data. The library consists of a dataset and a data view based on a flexible key/value dataset that can add, update and delete items, subscribe to data set changes, and a timeline for displaying different types of timeline data, which can be moved, scaled and manipulated interactively on the timeline; Use nodes and edges to display an interactive graphic or network.

Draggabilly.js.

Draggabilly only 10K, such as its name, the author of Draggabilly's introduction is very simple, draggabilly can help you easily implement the various elements on the page drag and drop operations, support ie8+ and multi-touch.

Shine.js.

Shine.js is a JavaScript library for beautiful shading. You can set the position of the dynamic light and can customize the shadow. No reliance on third-party libraries, compatible with AMD. Can be used normally in browsers that support Textshadow or boxshadow, and prefixes are added automatically if necessary.

17.gremlins.js

Gremlins.js is a JavaScript-based Monkey test library that supports the use of node. JS platforms and browsers. Gremlins.js randomly simulates user actions: Click anywhere in the window, enter random data in the table, or move the mouse to a particular element. The purpose of GREMLINS.J is to trigger JavaScript errors or to cause the application to fail. If it doesn't crash your application, then your application is strong enough to be available for real users.

Coutour.js.

Contour is a core universal library provided by the Forio Visual Library. Built on the popular D3 engine, it allows you to easily build a visual data graph.

Sticker.js.

Sticker.js is a small JavaScript library that allows you to create beautiful stickers in your Web pages. No dependencies (no jQuery required), you can work in most major browsers that support CSS3.

Fattable.js.

Fattable is a JavaScript class library that helps create infinite scrolling and its infinite number of rows. It is not convenient to use DOM processing for larger tables (10,000 extra cells). Your scrolling will become uneven. At the same time, larger tables grow faster. It is unlikely that users will be able to download or retain all the data. Fattable can help you handle asynchronous data loading very well.

Cut.js.

Cutjs is a super-puzzle library that helps you develop high-performance, dynamic interactive 2DHTML5 graphics. Support modern browsers and mobile devices to help you develop apps for gaming and visualization. CUTJS provides a DOM-type API to create and play canvas-based graphics.

Gridlist.

Gridlist is a two-dimensional, drag-and-drop response list library.

Fn.js.

Fn.js is an optional JavaScript class library that encourages you to use functional programming styles. Mainly helps you to support functional practices based on performance and rules. To make sure your path is correct. Fn.js internally forces the side Effects,object mutation and function state to be avoided. Support for node. js or browser, you can use regular script to reference or through the AMD loader, for example, Requirejs. Bower is about to be supported. Fn.js based on the MIT LIcensed, you can download it on GitHub

Progress.js.

Progress.js is a JavaScript class library that helps developers create progress bars using JS and CSS3. You can design the template or customize the progress bar yourself. You can use Progess.js to show the progress of the loaded content (Images,video, etc.), which can be applied to all page elements, such as textbox,textarea or even the entire body

Instantclick.js.

A JavaScript library that helps you speed up your website and helps you navigate more efficiently. It pre-loads some links that your users might click on. Can be configured to load under a specific action, for example, MouseDown

Wow.js.

Helps you to show CSS animations during scrolling. By default you can use it to trigger animate.css animations. Of course, you can configure to trigger other animation class libraries that you like to use

Type Rendering Mix

The Type Rendering mix is a browser-based engine that applies CSS text rendering. Type Rendering Mix detects the browser's text rasterizer and antialiasing methods by parsing the user-agent string.

Scrollreveal.js.

Scrollreveal.js is used to create and manage the animated effects of elements as they enter the viewable area, helping your site to add appeal. Just add the Data-scrollreveal attribute to the element, and it will automatically be triggered when the element enters the viewable area.

Switchery.

Switchery is a simple JavaScript component that helps users convert the default HTML check box to a pretty iOS 7 style style in just a few simple steps. Users can easily customize this conversion, so you can work well with your design style.

Echo.js.

Echo.js is a standalone JavaScript plugin that delays loading pictures. Echo.js does not rely on third-party libraries and is less than 1KB in size after compression. Lazy loading is a very effective way to improve the speed of the first screen display, when the picture element into the window visible area, it will change the image of the SRC attribute, from the server to load the desired picture, which is also an asynchronous process.