You need to understand the JS framework

Excanvas.js/chart.js/cubism.js/d3.js/dc.js/dx.chartjs.js/echarts.js/flot.js

Purpose: Build data statistics chart, compatible with multi-browser

Jquery.tagcanvas.js

Purpose: Build Tag Cloud

: http://www.goat1000.com/tagcanvas.php

Jquery.fullPage.js

Purpose: Website full screen turns

: http://www.jq22.com/jquery-info1124

Case: http://www.dowebok.com/77.html

Analytics.js/ga.js

Purpose: Google advertising analysis

Edge.js

Purpose: JS and. NET call each other.

Case: http://www.cnblogs.com/shanyou/p/3325249.html

Bower.js

Purpose: Package Manager

Case: http://blog.csdn.net/chszs/article/details/8907577

Gulp.js

Purpose: JS/CSS compression

Case: http://www.cnblogs.com/code/articles/4103070.html

Jshint.js

Purpose: JS writing format Verification tool

Alertify.js/simplemodal.js

Purpose: Build a hint box

Amd.loader.js/require.js/sea.js/head.js

Purpose: Dynamically load JS file on Demand

Behave.js/epiceditor.js

Purpose: Editor enables textarea to have IDE editing capabilities

Bonsai.js/caman.js/canvas.js/fabric.js/paper.js/raphael.js/sigma.js

Purpose: Graphic processing

Bucky.js

Purpose: Front-end Test automation tool + page Performance analysis tool

Chosen.js

Purpose: Select box Plugin

Classlist.js

Purpose: Manipulate DOM

Cookies.js

Purpose: Manipulating cookies

Crossfilter.js/lodash.js/underscore.js

Purpose: Used to filter JSON data, like SQL

Cryptico.js

Purpose: Data encryption

Curl.js

Purpose: Causes the picture to curl the effect

Date.format.js

Purpose: Date formatting

Dojo.js

Purpose: DHTML open source Package, with unified UI controls

Draggabilly.js

Purpose: To realize drag and drop function

Dropzone.js

Purpose: Drag and drop upload

Easyxdm.js

Purpose: JS cross-domain access

Ember-data.js

Purpose: Using a model library to manage queries, changes, and save changes back to the server will greatly simplify the code, while also improving the robustness and performance of the application, resulting in the Ember-data data model.

Equalize.js

Purpose: Content to its plugin such as: Baidu keyword tag

Faker.js

Purpose: false Data Generator

Fancybox.js/layer.js

Purpose: Popup Layer Display Plugin

Fastclick.js

Purpose: Touch the UI to remove the click Delay JS Library

Favico.js

Purpose: Animate the angle mark on the picture

Fittext.js

Purpose: Fittext.js is a classic jquery-responsive title text plugin. Fittext.js can adapt the title text to the size of the container, and the font size of the header changes when the container is scaled. Fittext.js can be used for many devices, such as desktops, laptops, tablets and mobile phones, and is very powerful.

Floatlabels.js

Purpose: jquery floating label floatlabels.js in the Input text box type any action you see floating in the label. It moves user interaction on a placeholder value for an input field and displays it above the text, allowing the user to customize the label style and effect.

Lightgallery.js/lighterbox.js/rebox.js/litebox.js/image lightbox.js/tosrus.js/fluidbox.js/swipebox.js/ Ilightbox.js/venobox.js/magnific popup.js/featherlight.js/fliplightbox.js/colorbox.js/lightbox_me.js/ Shadowbox.js/superbox.js/lightview.js

Use: Light box plug-in

Frozenui.css

Purpose: Mobile End front frame

Galleriffic.js

Purpose: Photo Album display

Garlic.js

Purpose: Allows you to automatically persist the data in the form to local until the form is submitted. This allows the user to worry about the loss of data entered by the form as a result of a mis-operation.

Audioplayer.js/grindplayer.js/grindplayercn.js/muplayer.js

Purpose: Player

Modernizr.js

Purpose: Traditional browsers are not currently completely replaced, making it difficult to embed the latest CSS3 or HTML5 features into your site. MODERNIZR was created to solve this problem, as an open source JavaScript library, MODERNIZR detects the browser's support for CSS3 or HTML5 functionality. Instead of trying to add features not supported by older browsers, Modernizr lets you modify the page design by creating an optional style configuration. It can also simulate features that are not supported by the old version browser by loading custom scripts.

Hallo.js

Purpose: A WYSIWYG web editor

Hammer.js/quo.js/swipe.js

Purpose: Hammer.js is an open-source mobile scripting framework that perfectly implements most events developed at the end of the migration, such as: Click, swipe, drag, multi-touch, and more.

Handsontable.js

Purpose: Web version of Excel

Headroom.js

Purpose: A lightweight, high-performance JS gadget (not dependent on any tool library!) ), which responds when the page scrolls. The navigation bar at the top of this page is a live case, and when the page scrolls down, the navigation bar disappears and the navigation bar appears when the page scrolls up.

History.js

Purpose: Plugin without refresh to change browser bar address (not dependent on jquery)

Holder.js

Purpose: Renders image placeholders entirely on the client. Work online and offline, and provide a link to the API's style and easy to create placeholders. Work online and offline, and provide a link to the API's style and easy to create placeholders.

Pikaday.js

Purpose: This is a refreshing JavaScript date selector. Light weight (less than 5KB after compression and gzip), no reliance on other JS frames (but can be used with moment.js), modular CSS class, convenient

Mailcheck.js

Purpose: A JavaScript library and jquery plugin to detect the domain name of an email address. When the domain name is incorrect, the appropriate advice is provided.

Lenticular.js

Purpose: A jquery plugin is used to create picture animations that respond to italic or mouse events. This plugin is used primarily for mobile browsers (tilt-tilt devices), but can also be used for desktop browsers (mouse control).

Jarallax.js/skrollr.js

Purpose: The page implements parallax scrolling

Jspdf.js

Purpose: JS implementation to generate PDF

Oridomi.js

Purpose: Enables DOM elements to be collapsed

Mousetrap.js/keymaster.js

Purpose: Used to create and manage keyboard shortcuts. This JS is a separate JS packet, very small only 1.6kb. Support for most browsers includes IE6. It can implement a single key, a combination of keys or a sequence of key combinations. You can also listen for KeyPress, KeyDown, or KeyUp events, and then decide which function to trigger.

Humane.js

Purpose: A simple, modern, no need to support the other framework on the Web page of the reminder library, using CSS to customize, support mobile phone use.

Imagesloaded.js

Purpose: imagesloaded is a JS plugin for detecting whether the images in the page are loaded. Imagesloaded is a very useful plugin, when a picture in your page is not loaded, the default is to display a Red Cross or picture alt text, imagesloaded can replace the picture is not loaded with the picture you set.

Instantclick.js

Purpose: Get your page to load 200ms ahead of time

Intro.js

Purpose: JS boot plugin. For example, if you add a feature to your site, you can use the plugin to boot the change point.

Jquery-scrollup.js

Purpose: Scrollup is a lightweight jquery plugin that creates a customizable "scroll to the top" button that can be used to make a simple call to any Web site to achieve results

Jquery.infinitescroll.js

Purpose: It is based on jquery, but also to understand the concept of infinite scrolling: the principle of infinite scrolling is when you scroll on the Web page to a certain length from the bottom of the page, triggering an AJAX function (Infinite-scroll is already encapsulated), back to load the file or data , or introduce static HTML files from the outside.

Jquery.url.js

Purpose: It is convenient to operate the URL.

Justgage.js

Purpose: JS instrument panel.

Moment.js

Purpose: Date format, multi-lingual support

Nprogress.js

Purpose: Progress bar

Odometer.js

Purpose: Timer effect

Opentip.js/pnotify.js/qtip2.js

Use: Box plug-in, support a variety of style styles.

owl-carousel.js/sequence.js/slides.js/reveal.js

Purpose: Slideshow plugin.

Pace.js
Purpose: Page loading progress bar, support Ajax.

Parallax.js

Purpose: A simple, lightweight parallax engine that responds to the direction of the smart device. Where no gyroscope or motion detection hardware is available, the cursor position is replaced.

Piecon.js/tinycon.js

Purpose: A Web page icon that dynamically generates PIE Charts mode, as well as the percentage of load that can be displayed.

Recorder.js

Purpose: Recording frame.

Select2.js/selectize.js

Purpose: Powerful dropdown plug-in, support tag/classification.

Shine.js

Purpose: Text shadow, support animation.

Swfobject.js

Purpose: Only need to include swfobject.js this JS file, and then insert some simple JS code in the DOM, you can embed the Flash media resources

Timeline.js

Purpose: Cool full screen timeline slide, time axis can zoom in and out, need to run in server environment, can be tested by local server environment.

Ueditor.js/fck

Purpose: Baidu Web content editor.

Jquery.lazyload.js/unveil.js

Purpose: Image delay loading.

Video.js

Purpose: Video player, support HTML5 and Flash.

Wow.js

Purpose: Some of the elements will have a small animation effect when the page scrolls down. Although the animation is small, but it can attract your attention.

Zeroclipboard.js

Purpose: Copy to clipboard, homemade paste.

Note: This article by Fang_beny original, reproduced please indicate the source.

You need to understand the JS framework