20 JavaScript class libraries used to simplify development tasks

Reprinted on http://www.csdn.net/article/2013-07-04/2816111-javascript-libraries

JS libraries are pre-written JS libraries used to simplify js-based development programs, especially JavaScript code sets that focus on Ajax and other Web technologies. The primary purpose of JS is to embed written functions in HTML pages and interact with the object model (DOM) of the pages.

Many JS libraries are easily integrated with other web development technologies, such as CSS, PHP, Ruby, and Java. Many libraries can detect differences between runtime environments and delete some applications to meet integration requirements. The article collects 20 JS libraries to help you deal with development-related issues and make your website one step ahead of the competition.

1. Tracking. js

Tracking. JS is an independent JS library that tracks the data received by the camera in real time. The tracking object can be either a color or a character. When a specific color or character/face/body is detected to move, we can trigger JS events.

2. aristochart

Aristochart is a JS library independent of other libraries. It can use canvas to create static 2D linear charts. This library focuses on creating custom designs and provides multiple options for changing designs, labels, and so on.

3. Hitch

Hitch is a lightweight JS library that can add presentation capabilities to CSS files. It also has CSS preprocessing capabilities, such as adding prefix or variable, and some other functions. This library has multiple expressions available at any time, such as "any of, all of, has...", and allows us to define any method (called hitches ).

4. Cesium

Cesium is a javascript Drawing Library Based on webgl. It supports three different views: 3D globe, 2D map, and 2.5D Columbus view. Only one line of code is required for mutual conversion! It's easy to draw various shapes, highlight a specific area, and interact with a map using a mouse or touchpad. As an independent JS file, cesium can run on all mainstream browsers, including mobile phones.

5. Two. js

It is a 2D drawing API and an excellent JS library for newer web browsers. It can be drawn based on different contexts, including SVG, canvas, and webgl. Currently, this library only supports shapes (non-text or images) and allows you to import SVG data. When a transformation is required, two. js can aggregate multiple useful elements. There is also a built-in animation loop method to draw a variety of graphics, and there are multiple options to make it personalized.

6. sequel. js

Sequel. JS is a lightweight JS library that helps you build SQL query strings through an object-oriented API. It can be run either in a browser or on all standard SQL queries.

7. draggabilly

This is an independent JS library that allows you to drag page elements. draggabilly helps you easily drag and drop various elements on a webpage. You can drag the page element within a restricted container range. A callback is provided for each event (START, move, end) to return the position of the current element. It can be used in most browsers (IE8 +) and has built-in support for touch events.

8. Zebra

This JS library contains a rich user interface component that allows you to create a desktop effect layout. The UI elements are constructed by HTML5 canvas and colored by CSS. It is expected to render the same effect in all browsers. It has over 30 UI elements, including grid, tabs, menu, form elements, and menu.

9. formula. js

This JS Library brings a majority of formulas to Web developers. The formulas list multiple types-date/time, text, logic, finance, and so on. Besides running on the client, it also runs on the server (to be released.

10. Chart. js

This is an impressive JS independent chart library, which is a package of less than 5 kb and built on HTML5 canvas. Currently, six chart types are supported: line chart, bar chart, radar chart, pie chart, column chart, and region chart. The color, Font, border, and size can all be customized as needed.

11. flippant. js

This is a mini JS and CSS library that allows you to automatically flip things on the desktop. It does not rely on any other class libraries, so it is easy to customize and the flip function works well.

12. React

React is a JS library used to build user interfaces. It can be used efficiently and flexibly with the class libraries and frameworks you used earlier.

13. pathfinding. js

Pathfinding. JS is a comprehensive path Search Class Library in JS. It aims to provide a path that can be easily integrated into online games to find class libraries. It can run on the server or in a browser. Provides an online demonstration of how the algorithm is executed. When path finder is used, you can use other parameters to indicate which policy to use.

14. Reactor. js

This is a lightweight class library for responsive programming. It provides response variables that can be automatically updated when the things on which they depend change. This is similar to the operation of a workbook. When the value of a cell changes, the values of other cells associated with the workbook also change.

15. bootbox. js

Bootbox. javascript is a small JS library that allows you to create a program dialog window in Twitter's Bootstrap mode without worrying about creating, managing, or deleting any required DOM elements or JS event handlers.

16. Parallel. js

Parallel. JS is a micro-library used for multi-core processing in JS. Its creation makes full use of the mature web-workers API. JS is indeed very fast, but because of its single-thread computing mode, it lacks the parallel computing function of its peer-to-peer language.

17. SVG. js

SVG. js can be operated and manually painted through SVG. This library is lightweight and independent, with rich functions. It has built-in methods to create various shapes-triangles, circles, polygon, or custom images.

18. packery

This is a JS layout library using the "packing algorithm", which is a decent saying of "filling up. The layout of packery can be orderly or disordered. The element can be fixed at the corresponding position or dragged and dropped at will.

19. FPS Meter

FPS meter is a simple JS library used to create charming, fast, and topical FPS meters. It can measure the number of frames per second, the number of milliseconds between frames, and the number of milliseconds required to render a frame using the. tickstart () method.

20. howler. js

Howler. JS is a JS library that runs on Webpage audio APIS by default. HTML5 audio is returned if the browser does not support it. To ensure cross-browser compatibility, it allows receiving multiple file formats. This library can cache and play multiple sounds at the same time, as well as loop playback, fade-in and fade-out effects, and standard multimedia control functions.

Original article: codegeekz