天給老鐵們分享17個(gè)Javascript網(wǎng)絡(luò)請(qǐng)求和動(dòng)畫庫工具類，希望大家喜歡。

全文大綱

網(wǎng)絡(luò)請(qǐng)求

• Axios 一個(gè)基于 Promise 的 HTTP 庫，可用在 Node.js 和瀏覽器上發(fā)起 HTTP 請(qǐng)求，支持所有現(xiàn)代瀏覽器，甚至包括 IE8+
• Superagent 基于 Ajax 的優(yōu)化, 可以與 Node.js HTTP 客戶端搭配使用
• fly.js 一個(gè)基于 promise 的 http 請(qǐng)求庫, 可以用在 node.js, Weex, 微信小程序, 瀏覽器, React Native 中

動(dòng)畫庫

• Anime.js 一個(gè) JavaScript 動(dòng)畫庫，可以處理 CSS 屬性，單個(gè) CSS 轉(zhuǎn)換，SVG 或任何 DOM 屬性以及 JavaScript 對(duì)象
• Velocity 一個(gè)高效的 Javascript 動(dòng)畫引擎，與 jQuery 的 $.animate() 有相同的 API, 同時(shí)還支持彩色動(dòng)畫、轉(zhuǎn)換、循環(huán)、畫架、SVG 支持和滾動(dòng)等效果
• Vivus 一個(gè)零依賴的 JavaScript 動(dòng)畫庫，可以讓我們用 SVG 制作動(dòng)畫，使其具有被繪制的外觀
• GreenSock JS 一個(gè) JavaScript 動(dòng)畫庫，用于創(chuàng)建高性能、零依賴、跨瀏覽器動(dòng)畫，已在超過 400 萬個(gè)網(wǎng)站上使用, 并且可以在 React、Vue、Angular 項(xiàng)目中使用
• Scroll Reveal 零依賴，為 web 和移動(dòng)瀏覽器提供了簡(jiǎn)單的滾動(dòng)動(dòng)畫，以動(dòng)畫的方式顯示滾動(dòng)中的內(nèi)容
• Kute.js 一個(gè)強(qiáng)大高性能且可擴(kuò)展的原生 JavaScript 動(dòng)畫引擎，具有跨瀏覽器動(dòng)畫的基本功能
• Typed.js 一個(gè)輕松實(shí)現(xiàn)打字效果的 js 插件
• fullPage.js 一個(gè)可輕易創(chuàng)建全屏滾動(dòng)網(wǎng)站的 js 滾動(dòng)動(dòng)畫庫, 兼容性無可替代
• iscroll 移動(dòng)端使用的一款輕量級(jí)滾動(dòng)插件
• swiper.js 一款強(qiáng)大的 js 跨端觸摸滑動(dòng)插件
• MixItUp 是用于 DOM 操作的高性能，無依賴庫，使您能夠使用精美的動(dòng)畫過濾，排序，添加和刪除 DOM 元素的 js 動(dòng)畫庫
• Lottie 一個(gè)用于 Android，iOS，Web 和 Windows 的庫，用于解析使用 Bodymovin 導(dǎo)出為 json 的 Adobe After Effects 動(dòng)畫，并在移動(dòng)設(shè)備和網(wǎng)絡(luò)上呈現(xiàn)它們

鼠標(biāo)/鍵盤相關(guān)

• KeyboardJS 一個(gè)在瀏覽器中使用的庫（與 node.js 兼容）.它使開發(fā)人員可以輕松設(shè)置鍵綁定和使用組合鍵來設(shè)置復(fù)雜的綁定.
• SortableJS 功能強(qiáng)大的 JavaScript 拖拽庫

Axios

官方地址：https://axios-http.com/

Github(97.6k): https://github.com/axios/axios

Axios 一個(gè)基于 Promise 的 HTTP 庫，可用在 Node.js 和瀏覽器上發(fā)起 HTTP 請(qǐng)求，支持所有現(xiàn)代瀏覽器，甚至包括 IE8+

如下圖：

Superagent

官方地址：https://ladjs.github.io/superagent/

Github(16.2k): https://github.com/visionmedia/superagent

Superagent 基于 Ajax 的優(yōu)化, 可以與 Node.js HTTP 客戶端搭配使用

如下圖：

Fly

官方地址：https://wendux.github.io/dist/#/language

Github(3.8k): https://github.com/wendux/fly

fly.js 一個(gè)基于 promise 的 http 請(qǐng)求庫, 可以用在 node.js, Weex, 微信小程序, 瀏覽器, React Native 中

如下圖：

anime

官方地址：https://animejs.com/

Github(43.8k): https://github.com/juliangarnier/anime

Anime.js 一個(gè) JavaScript 動(dòng)畫庫，可以處理 CSS 屬性，單個(gè) CSS 轉(zhuǎn)換，SVG 或任何 DOM 屬性以及 JavaScript 對(duì)象

如下圖：

 Velocity

官方地址：http://velocityjs.org/

Github(17.2k): https://github.com/julianshapiro/velocity

Velocity 一個(gè)高效的 Javascript 動(dòng)畫引擎，與 jQuery 的 $.animate() 有相同的 API, 同時(shí)還支持彩色動(dòng)畫、轉(zhuǎn)換、循環(huán)、畫架、SVG 支持和滾動(dòng)等效果

如下圖：

vivus

官方地址：http://maxwellito.github.io/vivus/

Github(14.4k): https://github.com/maxwellito/vivus

Vivus 一個(gè)零依賴的 JavaScript 動(dòng)畫庫，可以讓我們用 SVG 制作動(dòng)畫，使其具有被繪制的外觀

如下圖：

GreenSock

官方地址：https://greensock.com/

Github(15.3k): https://github.com/greensock/GSAP

GreenSock JS 一個(gè) JavaScript 動(dòng)畫庫，用于創(chuàng)建高性能、零依賴、跨瀏覽器動(dòng)畫，已在超過 400 萬個(gè)網(wǎng)站上使用, 并且可以在 React、Vue、Angular 項(xiàng)目中使用

如下圖：

Scroll Reveal

官方地址：https://scrollrevealjs.org/

Github(21.2k): https://github.com/jlmakes/scrollreveal

Scroll Reveal 零依賴，為 web 和移動(dòng)瀏覽器提供了簡(jiǎn)單的滾動(dòng)動(dòng)畫，以動(dòng)畫的方式顯示滾動(dòng)中的內(nèi)容

如下圖：

Kute

官方地址：http://thednp.github.io/kute.js

Github(2.4k): https://github.com/thednp/kute.js/

Kute.js 一個(gè)強(qiáng)大高性能且可擴(kuò)展的原生 JavaScript 動(dòng)畫引擎，具有跨瀏覽器動(dòng)畫的基本功能

如下圖：

Typed.js

官方地址：http://www.mattboldt.com/demos/typed-js/

Github(12.5k): https://github.com/mattboldt/typed.js/

Typed.js 一個(gè)輕松實(shí)現(xiàn)打字效果的 js 插件

如下圖：

fullPage

官方地址：http://alvarotrigo.com/fullPage/

Github(34.2k): https://github.com/alvarotrigo/fullPage.js/

fullPage.js 一個(gè)可輕易創(chuàng)建全屏滾動(dòng)網(wǎng)站的 js 滾動(dòng)動(dòng)畫庫, 兼容性無可替代

如下圖：

iscroll

官方地址：http://iscrolljs.com/

Github(12.5k): https://github.com/cubiq/iscroll

iscroll 移動(dòng)端使用的一款輕量級(jí)滾動(dòng)插件

如下圖：

swiper

官方地址：https://www.swiper.com.cn/api/index.html

swiper.js 一款強(qiáng)大的 js 跨端觸摸滑動(dòng)插件

如下圖：

MixItUp

官方地址：https://www.kunkalabs.com/mixitup/

Github(4.5k): https://github.com/patrickkunka/mixitup

MixItUp 是用于 DOM 操作的高性能，無依賴庫，使您能夠使用精美的動(dòng)畫過濾，排序，添加和刪除 DOM 元素的 js 動(dòng)畫庫

如下圖：

Lottie

官方地址：http://airbnb.io/lottie/

Github(27.8k): https://github.com/airbnb/lottie-web

Lottie 一個(gè)用于 Android，iOS，Web 和 Windows 的庫，用于解析使用 Bodymovin 導(dǎo)出為 json 的 Adobe After Effects 動(dòng)畫，并在移動(dòng)設(shè)備和網(wǎng)絡(luò)上呈現(xiàn)它們

如下圖：

KeyboardJS

官方地址：http://robertwhurst.github.io/KeyboardJS/

Github(2k): https://github.com/RobertWHurst/KeyboardJS

KeyboardJS 一個(gè)在瀏覽器中使用的庫（與 node.js 兼容）.它使開發(fā)人員可以輕松設(shè)置鍵綁定和使用組合鍵來設(shè)置復(fù)雜的綁定.

如下圖：

SortableJS

官方地址：https://sortablejs.github.io/Sortable/

Github(26k): https://github.com/SortableJS/

SortableJS 功能強(qiáng)大的 JavaScript 拖拽庫

如下圖：