Shulou(Shulou.com)06/03 Report--

This article mainly explains the "which front-end efficient development of the necessary js libraries", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "which front-end efficient development of the necessary js libraries" bar!

Js common tool class

Lodash is a consistent, modular, high-performance JavaScript utility library.

Ramda is a very important library that provides many useful methods that every JavaScript programmer should master.

Day.js is a lightweight JavaScript library for processing times and dates, which remains exactly the same as Moment.js 's API design, with a volume of only 2kb.

Big.js A small, fast JavaScript library for decimal arithmetic operations of arbitrary precision

Qs, a lightweight js library for url parameter conversion (parse and stringify)

Dom library

JQuery encapsulates all kinds of dom/ event operations, so the design idea is worth studying and using for reference.

Lightweight version of zepto jquery, suitable for mobile operation

Fastclick is an easy-to-use library that eliminates the delay between physical clicks on mobile browsers and 300ms that triggers a click event. The goal is to make your application feel less delayed and more responsive without interfering with your current logic.

File processing

File-saver is a solution for saving files on the client, which is very suitable for Web applications that generate files on the client.

Js-xlsx is a powerful library for parsing and writing excel files.

Network request

Axios is a Promise-based HTTP library that can be used to initiate HTTP requests on Node.js and browsers, supporting all modern browsers, even IE8+

Superagent is optimized based on Ajax and can be used with Node.js HTTP clients

Fly.js a promise-based http request library that can be used in node.js, Weex, WeChat Mini Programs, browser, React Native

Animation library

Anime.js a JavaScript animation library that can handle CSS attributes, single CSS transformations, SVG or any DOM attributes, and JavaScript objects

Velocity is an efficient Javascript animation engine with the same API as jQuery's $.animate (). It also supports color animation, conversion, loop, easel, SVG support and scrolling effects.

Vivus is a zero-dependent JavaScript animation library that allows us to animate with SVG to make it have a drawn appearance.

GreenSock JS, a JavaScript animation library for creating high-performance, zero-dependency, cross-browser animation, has been used on more than 4 million websites and can be used in React, Vue, and Angular projects

Scroll Reveal Zero dependency provides simple scrolling animation for web and mobile browsers to display scrolling content in an animated manner

Kute.js is a powerful, high-performance and scalable native JavaScript animation engine with the basic functions of cross-browser animation.

Typed.js is a js plug-in that easily realizes typing effect.

FullPage.js is a js scrolling animation library that can easily create full-screen scrolling websites. Compatibility is irreplaceable.

A lightweight scrolling plug-in used by iscroll mobile

Mouse / keyboard related

KeyboardJS is a library used in browsers (compatible with node.js). It makes it easy for developers to set key bindings and use key combinations to set complex bindings.

SortableJS's powerful JavaScript drag-and-drop library

Graphics / image processing library

Html2canvas is a powerful browser web screenshot tool developed with js.

Dom-to-image A library that converts any DOM node into vector (SVG) or raster (PNG or JPEG) images written in JavaScript

Pica is a very fast image processing library that resizes images in the browser without pixel distortion.

Lena.js is a lightweight js library that can add various filters to your images.

Compressor.js, a js library for lossy image compression using local canvas.toBlob API

Fabric.js an easy-to-use picture editor based on HTML5 canvas elements

Merge-images a js plug-in that combines multiple images into a single picture

Cropperjs is a powerful image clipping library that supports flexible image clipping methods.

Grade a complementary gradient background is generated based on the first two main colors in the image.

Thank you for your reading, the above is "what front-end efficient development of the necessary js libraries" content, after the study of this article, I believe you have a deeper understanding of what front-end efficient development of the necessary js libraries, the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.