前端框架庫彙總

時間 2020-12-07

標籤 javascript php css html 前端 vue java node react jquery 欄目 JavaScript 简体版

原文原文鏈接

導讀

本文主要收錄一些經常使用框架庫文檔以及UI組件庫。javascript

閱讀三連：點贊（👍）、關注（😍）、收藏（📝）。
本文 github (前端資源彙總) 已上傳，更多往期文章已分類整理。

正文

Vue

Vue2.0：Vue2.0 文檔
Vue3.0：Vue3.0 文檔
Vue-Router：Vue.js 官方的路由管理器。
Vuex：Vue.js 應用程序開發的狀態管理模式。
Element-UI：餓了麼UI組件庫
View UI：一套基於 Vue.js 的開源 UI 組件庫，主要服務於 PC 界面的中後臺產品。
Vuetify：用於構建功能豐富、快速的應用程序。
Buefy-UI：簡單且輕量的UI庫。
Quasar: 編寫代碼一次並同時將其部署爲網站、移動應用和/或Electron應用。
Vue Material: 一個輕量級的框架，創建在谷歌的 Material Design 基礎上。
Vux: 基於WeUI和Vue(2.x)開發的移動端UI組件庫，主要服務於微信頁面。
Vant: 有贊前端團隊開源的移動端組件庫。
NutUI: 一套京東風格的輕量級移動端Vue組件庫。
YDUI Touch一隻基於Vue2.x的移動端&微信UI。
Ant Design Vue: Vue UI組件庫,開箱即用的高質量 Vue 組件。
Wot Design: 根據京東商家側的UI設計規範（京麥移動端設計規範）開發，旨在給商家提供統一的UI交互，同時提升研發的開發效率。
VuePress： Vue 驅動的靜態網站生成器。
Gridsome：基於 Vue.js 構建的 Jamstack 框架。讓開發人員能夠輕鬆地構建靜態生成的網站和應用程序，這些網站和應用程序。
better-scroll: 解決移動端（已支持PC）各類滾動場景需求的插件。
vue-multiselect: Vue多選。
vue-table: vue-table-數據表簡化！
vue-infinite-scroll: vue 的無限滾動插件。
vue-progressbar: Vue 進度條插件。
vue-devtools： Vue 遊覽器調試插件。

React

React入門文檔: 用於構建用戶界面的 JavaScript 庫。
React-router: React路由。
React-Redux: React 狀態容器。
Ant Design React: 阿里巴巴團隊出品的ReactUI組件庫。
Material-UI: React 組件用於更快速、更簡便的 web 開發。
React-Bootstrap: 可重用的前端組件庫。
Ant Design Mobile: 一個基於 Preact / React / React Native 的 UI 組件庫（移動端）。
BFD UI: BFD UI —— 企業級 React 組件庫。
React Native: 使用JavaScript和React編寫原生移動應用。
React-toolbox：一組實現Google的Material Design規範的React組件。
BizCharts: 阿里通用圖表組件庫。
dva: 基於 redux、redux-saga 和 react-router 的輕量級前端框架。
react-cropper: React圖像裁剪器。
react-lazyload： React 懶加載組件（組件、圖片等）。
react-treeview： React實現的簡單、輕量級、靈活的樹視圖。
react-motion： React 彈性動畫庫。
react-player：用於播放各類url，包括文件路徑、YouTube、Facebook、Twitch、SoundCloud、Streamable、Vimeo、Wistia、Mixcloud和DailyMotion。
react-color：顏色選擇器。
react-quill： React 富文本編輯器。
react-datepicker： React 日期選擇組件。
react-scroll： React 滾動組件。
react-swipe： React 輪播組件。
redux-devtools： react 遊覽器調試插件。
React 社區

Angular

Angular文檔：一個應用設計框架與開發平臺，用於建立高效、複雜、精緻的單頁面應用。
Ant Design Angular: Ant Design 設計規範的 Angular UI 組件庫。
DevUI: 一款開源免費的企業中後臺產品前端的通用解決方案。
NG-NEST：一個開源的 Web 應用程序框架，基於 Angular 和 Nest ，主要用於研發企業級中後臺產品。
Ant Design Mobile Angular： Ant Design 設計規範的 Angular UI 組件庫(移動端)。
Angular Material: 使用橫跨 Web、Mobile 和桌面環境的綜合性組件庫構建現代應用。
Angular-animate:
AngularJS入門教程

TypeScript

typeScript文檔： JavaScript 類型超集，能夠編譯成純JavaScript 。

Flutter

Flutter 文檔： Google一個新的用於構建跨平臺的手機App的SDK。
Flutter中文網

微信小程序

微信小程序文檔
TouchUI WX: 一套徹底免費的微信小程序開發框架，擴展了小程序的能力。
WePY:讓小程序支持組件化開發的框架,一個最受歡迎的小程序框架.
mpvue:一個使用 Vue.js 開發小程序的前端框架。
taro: 一個開放式跨端跨框架解決方案，支持使用 React/Vue/Nerv 等框架來開發微信 / 京東 / 百度 / 支付寶 / 字節跳動 / QQ 小程序 / H5 等應用。
uni-app: 一個使用 Vue.js 開發全部前端應用的框架，開發者編寫一套代碼，可發佈到iOS、Android、Web（響應式）、以及各類小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）、快應用等多個平臺。

工具庫

jQuery: 一個高效、精簡而且功能豐富的 JavaScript 工具庫。
Zepto.js: 一個輕量級的針對現代高級瀏覽器的JavaScript庫，它與jquery有着相似的api。
Moment.js: JavaScript 日期處理類庫。
date-fns.js: 一個現代的 JavaScript 日期工具類庫，提供了最全面、最簡單和一致的工具集，用於在瀏覽器和 Node.js 中操做。
Underscore.js：是一個JavaScript實用庫，提供了一整套函數式編程的實用功能。
Sugar.js: 一個能夠用來處理原生對象的庫。
Math.js: Javascript 擴展數學庫。
Lodash.js:一個一致性、模塊化、高性能的 JavaScript 實用工具庫。
cnhammer.js: 一個能夠識別觸摸、鼠標和點擊事件等手勢的開放源碼類庫。
Ramda.js:一款實用的 JavaScript 函數式編程庫。
Axios.js:一個基於 promise 的 HTTP 庫，能夠用在瀏覽器和 node.js 中。
lazy.js: 功能相似 Underscore 和 Lodash。
Voca.js: 一個用於操做字符串的 Javascript 庫。
Babel.js: 一個 JavaScript 編譯器。
RequireJS：一個JavaScript模塊加載器。
RxJS: 使用 Observables 的響應式編程的庫，它使編寫異步或基於回調的代碼更容易。
sea.js：一個適用於 Web 瀏覽器端的模塊加載器。
Backbone.js: 爲複雜Javascript應用程序提供模型(models)、集合(collections)、視圖(views)的結構。英文
reveal.js: 一個可以幫助咱們很輕易地使用 HTML 建立一個漂亮的演示文稿的框架。
Cycle.js: 一個函數式和響應式的 JavaScript 框架，編寫可觀測代碼。
system.js:一個通用的模塊加載器，它能在瀏覽器或者 NodeJS 上動態加載模塊，而且支持 CommonJS、AMD、全局模塊對象和 ES6 模塊。
ESL.js：一個瀏覽器端、符合AMD的標準加載器，適合用於現代Web瀏覽器端應用的入口與模塊管理。
expect.js: 簡約的、適用於 Node.js 和瀏覽器端的 BDD 式斷言工具。
can.js: 客戶端JavaScript架構庫的集合。
most.js: 用於反應式編程的工具包。
foundation.js: 一個支持響應式佈局的前端框架。
Semantic.js: 一款開發框架，幫助開發者使用對人類友好的 HTML 語言構建優雅的響應式佈局。
Bulma: 一個基於 Flexbox 佈局技術的免費、開源的現代 CSS 框架。
Phaser.js: 一款快速、免費以及開源 HTML5 遊戲框架，它支持 WebGL 和 Canvas 兩種渲染模式，能夠在任何 Web 瀏覽器環境下運行，遊戲能夠經過第三方工具轉爲 iOS、Android 支持的 Native APP，容許使用 JavaScript 和 TypeScript 進行開發。
Request.js: 針對瀏覽器和節點的請求庫。
Hammer.js: 一個開源的,輕量級的 JavaScript 庫,它能夠在不須要依賴其餘東西的狀況下識別觸摸,鼠標事件。
Ember.js: 一個開源的 JavaScript 客戶端框架，用於開發Web應用程序並使用MVC（模型 - 視圖 - 控制器）架構模式。
handlebars.js: 一個 JavaScript 語義模板庫，經過對視圖（view）和數據的分離來快速構建 Web 模板。
jqueryui: jQuery UI 是創建在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。
Sizzle.js: 一個純 JavaScript 實現的 CSS 選擇器引擎。
Avalon.js: 一個迷你、易用、高性能的前端MVVM框架。
String.js: JavaScript字符串中沒有包含的方法，例如轉義html、解碼html實體、剝離標記等。

Js插件

Swiper.js：移動端網站的內容觸摸滑動插件。
Glide.js：一個無依賴關係的JavaScript ES6滑塊和carousel。
QRCode.js: 二維碼生成插件。
slidePage.js： slidePage3 特別適合主流前端框架開發，無任何依賴庫，一個優化的全屏插件。
fullPage.js： fullPage.js 是一個基於 jQuery 的插件，它可以很方便、很輕鬆的製做出全屏網站。
Validate.js: JavaScript表單驗證類庫。
tree-d3.js： tree 樹狀圖 d3.js。
zTree.js: 樹插件。
jstree: jquery插件，提供交互式樹。支持HTML和JSON數據源以及AJAX加載。
Datatables.js：一個高度靈活的工具，能夠將任何HTML表格添加高級的交互功能。
DatePicker.js: 時間選擇插件。
layDate.js: layDate 日期與時間組件。
Date.js: 一個開放源代碼的JavaScript Date庫，用於解析，格式化和處理。
clipboard.js:現代化的拷貝文字插件。
PDF.js: 一個基於 web 標準的通用 pdf 解析和渲染庫。
jquery-i18n: 一個輕量級的jQuery插件，用於像Java Resource Bundles中那樣從「 .properties」文件爲javascript提供國際化。
i18next
TimelineJS: 時間軸插件。
amfe-flexible：移動端適配。
lazyLoad.js：Lazy Load延遲加載圖像插件，直到用戶滾動到它們才顯示！
spin.js: Loading界面插件。
CodeMirror.js: 文本編輯器。
TinyMCE.js :文本編輯器。
Video.js: 一個通用的在網頁上嵌入視頻播放器的 JS 庫，Video.js 自動檢測瀏覽器對 HTML5 的支持狀況,若是不支持 HTML5 則自動使用 Flash 播放器。
SweetAlert.js: 一個 JavaScript 插件，可以完美替代 JavaScript 自帶的 alert 彈出框，而且功能強大、設計優美。
PhotoSwipe.js: 一個 JavaScript 實現的相冊組件，沒有外部依賴。
highlight.js: 用JavaScript編寫的語法突出顯示工具。
Cropper.js: 一款很是強大卻又簡單的圖片裁剪工具,它能夠進行很是靈活的配置,支持手機端使用,支持包括 IE9 以上的現代瀏覽器。
Store.js: 跨瀏覽器存儲插件。
Js-cookie: 一個簡單，輕巧的JavaScript API，用於處理Cookie.
Mousetrap.js: 一個用於處理鍵盤快捷鍵的簡單庫。
FlexSlider.js: 全屏響應式輪播圖插件。
Leaflet.js: 一個開放源代碼的JavaScript庫，用於移動友好的交互式地圖。

動畫庫

iTyped.js: 簡單 Javascript 動畫輸入，沒有任何依賴關係。
Three.js: 3D顯示動畫庫。
Animejs:一個輕量的JavaScript 動畫庫，擁有簡單而強大的API。可對 CSS 屬性、 SVG、 DOM 和JavaScript 對象進行動畫。
Mo.js：一款效果很是炫酷的HTML5 SVG氣泡導航和波浪式頁面切換特效。
Velocity.js：一個簡單易用、高性能、功能豐富的輕量級JS動畫庫。
ScrollReveal.js：一個JavaScript庫，用於在元素進入/離開視口時輕鬆對其進行動畫處理。
Kute.js：一個徹底成熟的原生 JavaScript 動畫引擎，具備跨瀏覽器動畫的基本功能。
Bounce.js:快速建立漂亮的 CSS3 動畫效果。
Dynamicsjs: 一個JavaScript庫，用於建立基於物理的動畫。
GreenSock.js):適用於現代網絡的專業級JavaScript動畫。
Particles.js:用於建立粒子的輕量級JavaScript庫。
Matter.js:Matter.js是Web的2D物理引擎。
Parallax.js:滾動視差效果封裝，便於快速調用實現。
Tween.js: 補間動畫。
Ramjet.js：製做從一個元素變化爲另一個元素的動效，它能做用於DOM元素、SVG、靜態和動態的圖片。
Rellax.js:讓頁面滾動更有趣的動畫庫。
Hover.css：一組CSS3動力懸停效果，可應用於連接，按鈕，徽標，SVG，特點圖像等。
Animista.css：一個在線動畫生成器，同時也是一個動畫庫。
Animate.css：一個來自國外的 CSS3 動畫庫，它預設了抖動（shake）、閃爍（flash）、彈跳（bounce）、翻轉（flip）、旋轉（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多達 60 多種動畫效果。
Vivify.css：一個免費的CSS動畫庫。
Magic Animations CSS3：CSS3 動畫庫。
cssanimation：一堆不一樣動畫集合，CSS3 動畫包。
Angrytools: 能夠作動畫生成器，同時也是一個動畫庫。

Css 預處理

sass: 世界上最成熟、最穩定、最強大的專業級CSS擴展語言。
less: 一門 CSS 預處理語言，它擴展了 CSS 語言，增長了變量、Mixin、函數等特性，使 CSS 更易維護和擴展。
stylus：一個高效、動態以及豐富的 CSS 預處理器。

圖表庫

C3.js: C3.js 開源圖表庫
Chart.js：爲設計和開發人員準備的簡單、靈活的 JavaScript 圖表工具。
Chartist.js: 一個簡單的 JavaScript 動畫庫，你可以自制美麗的響應式圖表，或者進行其餘創做。
D3.js：一個很是強大的圖形JavaScript庫。D3.js能夠做爲圖表庫的構建塊且免費。
Echarts：數據可視化圖表庫。
Flot.js： jQuery的Javascript圖表庫。
HighCharts.js：兼容 IE6+、完美支持移動端、圖表類型豐富、方便快捷的 HTML5 交互性圖表庫。
koolchart.js：基於HTML5 Canvas的JavaScript圖表庫。
Recharts： Recharts是一個用React和D3構建的從新定義的圖表庫。

包管理工具

npm: 包管理工具。
yarn: 快速、可靠、安全的依賴管理工具。
bower

打包工具

gulp: 用自動化構建工具加強你的工做流程。
webpack: 一個現代 JavaScript 應用程序的靜態模塊打包器。
grunt: 基於 Node.js 的項目構建工具。
Parcel: Web 應用打包工具，適用於經驗不一樣的開發者。
rollup: 一個 JavaScript 模塊打包器，能夠將小塊代碼編譯成大塊複雜的代碼。

Node

Node 中文網文檔
Express:基於 Node.js 平臺，快速、開放、極簡的 Web 開發框架。
koa: Koa -- 基於 Node.js 平臺的下一代 web 開發框架。
Egg:爲企業級框架和應用而生。
Meteor: 一個web APP開發框架。
Nodal: Node.js的網絡服務器，通過優化可快速高效地構建API服務。
Keystone: 以Express和MongoDB爲基礎搭建的Node.js CMS和web應用程序平臺。
Sails:一個優秀的web後臺開發框架。它基於著名的express，添加了不少功能模塊，支持REST、各類流行數據庫等。
Loopback: LoopBack 框架是由一組Node.js的模塊構成的。
Pomelo:一個輕量級的服務器框架，它最適合的應用領域是網頁遊戲、社交遊戲、移動遊戲的服務端，開發者會發現pomelo能夠用如此少的代碼達到強大的擴展性和伸縮性。。
Totaljs: Node.js 的 MVC 框架。
Derby: DerbyJS 是一個 MVC 框架，幫助編寫實時，交互的應用。
Socket: Socket.io是一個類庫，能夠在瀏覽器與服務器之間實現實時、雙向、基於事件的通訊。英文
Mojito: 一個模塊化的，由源代碼控制的拆分測試框架，可以讓您經過Git / CI構建，啓動和分析實驗。
Next: 用於構建高效且可伸縮的服務端應用程序的漸進式 Node.js 框架。
ThinkJS: 一款面向將來開發的 Node.js 框架，整合了大量的項目最佳實踐，讓企業級開發變得更簡單、高效。
Mean