前端框架庫匯總

Vue

Vue2.0:Vue2.0 文檔

Vue3.0:Vue3.0 文檔

Vue-Router:Vue.js 官方的路由管理器。

Vuex:Vue.js 應用程序開發(fā)的狀態(tài)管理模式。

Element-UI:餓了么UI組件庫

View UI:一套基于 Vue.js 的開源 UI 組件庫,主要服務于 PC 界面的中后臺產(chǎn)品。

Vuetify:用于構建功能豐富、快速的應用程序。

Buefy-UI: 簡單且輕量的UI庫。

Quasar: 編寫代碼一次并同時將其部署為網(wǎng)站、移動應用和/或Electron應用。

Vue Material: 一個輕量級的框架, 建立在谷歌的 Material Design 基礎上。

Vux: 基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫,主要服務于微信頁面。

Vant: 有贊前端團隊開源的移動端組件庫。

NutUI: 一套京東風格的輕量級移動端Vue組件庫。

YDUI Touch一只基于Vue2.x的移動端&微信UI。

Ant Design Vue: Vue UI組件庫,開箱即用的高質量 Vue 組件。

Wot Design: 根據(jù)京東商家側的UI設計規(guī)范(京麥移動端設計規(guī)范)開發(fā),旨在給商家提供統(tǒng)一的UI交互,同時提高研發(fā)的開發(fā)效率。

VuePress: Vue 驅動的靜態(tài)網(wǎng)站生成器。

Gridsome: 基于 Vue.js 構建的 Jamstack 框架。讓開發(fā)人員可以輕松地構建靜態(tài)生成的網(wǎng)站和應用程序,這些網(wǎng)站和應用程序 。

better-scroll: 解決移動端(已支持PC)各種滾動場景需求的插件。

vue-multiselect: Vue多選。

vue-table: vue-table-數(shù)據(jù)表簡化!

vue-infinite-scroll: vue 的無限滾動插件。

vue-progressbar: Vue 進度條插件。

vue-devtools: Vue 游覽器調試插件。

React

React入門文檔: 用于構建用戶界面的 JavaScript 庫。

React-router: React路由。

React-Redux: React 狀態(tài)容器。

Ant Design React: 阿里巴巴團隊出品的ReactUI組件庫。

Material-UI: React 組件用于更快速、更簡便的 web 開發(fā)。

React-Bootstrap: 可重用的前端組件庫。

Ant Design Mobile: 一個基于 Preact / React / React Native 的 UI 組件庫(移動端)。

BFD UI: BFD UI —— 企業(yè)級 React 組件庫。

React Native: 使用JavaScript和React編寫原生移動應用。

React-toolbox: 一組實現(xiàn)Google的Material Design規(guī)范的React組件。

BizCharts: 阿里通用圖表組件庫。

dva: 基于 redux、redux-saga 和 react-router 的輕量級前端框架。

react-cropper: React圖像裁剪器。

react-lazyload: React 懶加載組件(組件、圖片等)。

react-treeview: React實現(xiàn)的簡單、輕量級、靈活的樹視圖。

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 社區(qū)

TypeScript

typeScript文檔: JavaScript 類型超集,可以編譯成純JavaScript 。

Flutter

Flutter 文檔: Google一個新的用于構建跨平臺的手機App的SDK。

Flutter中文網(wǎng)

微信小程序

微信小程序文檔

TouchUI WX: 一套完全免費的微信小程序開發(fā)框架,擴展了小程序的能力。

WePY:讓小程序支持組件化開發(fā)的框架,一個最受歡迎的小程序框架.

mpvue:一個使用 Vue.js 開發(fā)小程序的前端框架。

taro: 一個開放式跨端跨框架解決方案,支持使用 React/Vue/Nerv 等框架來開發(fā) 微信 / 京東 / 百度 / 支付寶 / 字節(jié)跳動 / QQ 小程序 / H5 等應用。

uni-app: 一個使用 Vue.js 開發(fā)所有前端應用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web(響應式)、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應用等多個平臺。

工具庫

jQuery: 一個高效、精簡并且功能豐富的 JavaScript 工具庫。

Zepto.js: 一個輕量級的針對現(xiàn)代高級瀏覽器的JavaScript庫, 它與jquery有著類似的api。

Moment.js: JavaScript 日期處理類庫。

date-fns.js: 一個現(xiàn)代的 JavaScript 日期工具類庫,提供了最全面、最簡單和一致的工具集,用于在瀏覽器和 Node.js 中操作。

Underscore.js:是一個JavaScript實用庫,提供了一整套函數(shù)式編程的實用功能。

Sugar.js: 一個可以用來處理原生對象的庫。

Math.js: Javascript 擴展數(shù)學庫。

Lodash.js:一個一致性、模塊化、高性能的 JavaScript 實用工具庫。

cnhammer.js: 一個可以識別觸摸、鼠標和點擊事件等手勢的開放源碼類庫。

Ramda.js:一款實用的 JavaScript 函數(shù)式編程庫。

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 創(chuàng)建一個漂亮的演示文稿的框架。

Cycle.js: 一個函數(shù)式和響應式的 JavaScript 框架,編寫可觀測代碼。

system.js:一個通用的模塊加載器,它能在瀏覽器或者 NodeJS 上動態(tài)加載模塊,并且支持 CommonJS、AMD、全局模塊對象和 ES6 模塊。

ESL.js:一個瀏覽器端、符合AMD的標準加載器,適合用于現(xiàn)代Web瀏覽器端應用的入口與模塊管理。

expect.js: 簡約的、適用于 Node.js 和瀏覽器端的 BDD 式斷言工具。

can.js: 客戶端JavaScript架構庫的集合。

most.js: 用于反應式編程的工具包。

foundation.js: 一個支持響應式布局的前端框架。

Semantic.js: 一款開發(fā)框架,幫助開發(fā)者使用對人類友好的 HTML 語言構建優(yōu)雅的響應式布局。

Bulma: 一個基于 Flexbox 布局技術的免費、開源的現(xiàn)代 CSS 框架。

Phaser.js: 一款快速、免費以及開源 HTML5 游戲框架,它支持 WebGL 和 Canvas 兩種渲染模式,可以在任何 Web 瀏覽器環(huán)境下運行,游戲可以通過第三方工具轉為 iOS、Android 支持的 Native APP,允許使用 JavaScript 和 TypeScript 進行開發(fā)。

Request.js: 針對瀏覽器和節(jié)點的請求庫。

Hammer.js: 一個開源的,輕量級的 JavaScript 庫,它可以在不需要依賴其他東西的情況下識別觸摸,鼠標事件。

Ember.js: 一個開源的 JavaScript 客戶端框架,用于開發(fā)Web應用程序并使用MVC(模型 - 視圖 - 控制器)架構模式。

handlebars.js: 一個 JavaScript 語義模板庫,通過對視圖(view)和數(shù)據(jù)的分離來快速構建 Web 模板。

jqueryui: jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。

Sizzle.js: 一個純 JavaScript 實現(xiàn)的 CSS 選擇器引擎。

Avalon.js: 一個迷你、易用、高性能的前端MVVM框架。

String.js: JavaScript字符串中沒有包含的方法,例如轉義html、解碼html實體、剝離標記等。

Js插件

Swiper.js:移動端網(wǎng)站的內容觸摸滑動插件。

Glide.js: 一個無依賴關系的JavaScript ES6滑塊和carousel。

QRCode.js: 二維碼生成插件。

slidePage.js: slidePage3 特別適合主流前端框架開發(fā),無任何依賴庫,一個優(yōu)化的全屏插件。

fullPage.js: fullPage.js 是一個基于 jQuery 的插件,它能夠很方便、很輕松的制作出全屏網(wǎng)站。

Validate.js: JavaScript表單驗證類庫。

tree-d3.js: tree 樹狀圖 d3.js。

zTree.js: 樹插件。

jstree: jquery插件,提供交互式樹。支持HTML和JSON數(shù)據(jù)源以及AJAX加載。

Datatables.js:一個高度靈活的工具,可以將任何HTML表格添加高級的交互功能。

DatePicker.js: 時間選擇插件。

layDate.js: layDate 日期與時間組件。

Date.js: 一個開放源代碼的JavaScript Date庫,用于解析,格式化和處理。

clipboard.js:現(xiàn)代化的拷貝文字插件。

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: 一個通用的在網(wǎng)頁上嵌入視頻播放器的 JS 庫,Video.js 自動檢測瀏覽器對 HTML5 的支持情況,如果不支持 HTML5 則自動使用 Flash 播放器。

SweetAlert.js: 一個 JavaScript 插件,能夠完美替代 JavaScript 自帶的 alert 彈出框,并且功能強大、設計優(yōu)美。

PhotoSwipe.js: 一個 JavaScript 實現(xiàn)的相冊組件,沒有外部依賴。

highlight.js: 用JavaScript編寫的語法突出顯示工具。

Cropper.js: 一款非常強大卻又簡單的圖片裁剪工具,它可以進行非常靈活的配置,支持手機端使用,支持包括 IE9 以上的現(xiàn)代瀏覽器。

Store.js: 跨瀏覽器存儲插件。

Js-cookie: 一個簡單,輕巧的JavaScript API,用于處理Cookie.

Mousetrap.js: 一個用于處理鍵盤快捷鍵的簡單庫。

FlexSlider.js: 全屏響應式輪播圖插件。

Leaflet.js: 一個開放源代碼的JavaScript庫,用于移動友好的交互式地圖。

md5.js: md5加密。

動畫庫

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:快速創(chuàng)建漂亮的 CSS3 動畫效果。

Dynamicsjs: 一個JavaScript庫,用于創(chuàng)建基于物理的動畫。

GreenSock.js):適用于現(xiàn)代網(wǎng)絡的專業(yè)級JavaScript動畫。

Particles.js:用于創(chuàng)建粒子的輕量級JavaScript庫。

Matter.js:Matter.js是Web的2D物理引擎。

Parallax.js:滾動視差效果封裝,便于快速調用實現(xiàn)。

Tween.js: 補間動畫。

Ramjet.js: 制作從一個元素變化為另外一個元素的動效,它能作用于DOM元素、SVG、靜態(tài)和動態(tài)的圖片。

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: 世界上最成熟、最穩(wěn)定、最強大的專業(yè)級CSS擴展語言。

less: 一門 CSS 預處理語言,它擴展了 CSS 語言,增加了變量、Mixin、函數(shù)等特性,使 CSS 更易維護和擴展。

stylus: 一個高效、動態(tài)以及豐富的 CSS 預處理器。

圖表庫

C3.js: C3.js 開源圖表庫

Chart.js:為設計和開發(fā)人員準備的簡單、靈活的 JavaScript 圖表工具。

Chartist.js: 一個簡單的 JavaScript 動畫庫,你能夠自制美麗的響應式圖表,或者進行其他創(chuàng)作。

D3.js: 一個非常強大的圖形JavaScript庫。D3.js可以作為圖表庫的構建塊且免費。

Echarts: 數(shù)據(jù)可視化圖表庫。

Flot.js: jQuery的Javascript圖表庫。

HighCharts.js:兼容 IE6+、完美支持移動端、圖表類型豐富、方便快捷的 HTML5 交互性圖表庫。

koolchart.js:基于HTML5 Canvas的JavaScript圖表庫。

Recharts: Recharts是一個用React和D3構建的重新定義的圖表庫。

包管理工具

npm: 包管理工具。

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

bower

打包工具

webpack: 一個現(xiàn)代 JavaScript 應用程序的靜態(tài)模塊打包器。

Parcel: Web 應用打包工具,適用于經(jīng)驗不同的開發(fā)者。

rollup: 一個 JavaScript 模塊打包器,可以將小塊代碼編譯成大塊復雜的代碼。

Node

Node 中文網(wǎng)文檔

Express:基于 Node.js 平臺,快速、開放、極簡的 Web 開發(fā)框架。

koa: Koa -- 基于 Node.js 平臺的下一代 web 開發(fā)框架。

Egg:為企業(yè)級框架和應用而生。

Meteor: 一個web APP開發(fā)框架。

Nodal: Node.js的網(wǎng)絡服務器,經(jīng)過優(yōu)化可快速高效地構建API服務。

Keystone: 以Express和MongoDB為基礎搭建的Node.js CMS和web應用程序平臺。

Sails:一個優(yōu)秀的web后臺開發(fā)框架。它基于著名的express,添加了很多功能模塊,支持REST、各種流行數(shù)據(jù)庫等。

Loopback: LoopBack 框架是由一組Node.js的模塊構成的。

Pomelo:一個輕量級的服務器框架,它最適合的應用領域是網(wǎng)頁游戲、社交游戲、移動游戲的服務端,開發(fā)者會發(fā)現(xiàn)pomelo可以用如此少的代碼達到強大的擴展性和伸縮性。。

Totaljs: Node.js 的 MVC 框架。

Derby: DerbyJS 是一個 MVC 框架,幫助編寫實時,交互的應用。

Socket: Socket.io是一個類庫,可以在瀏覽器與服務器之間實現(xiàn)實時、雙向、基于事件的通信。英文

Mojito: 一個模塊化的,由源代碼控制的拆分測試框架,可讓您通過Git / CI構建,啟動和分析實驗。

Next: 用于構建高效且可伸縮的服務端應用程序的漸進式 Node.js 框架。

ThinkJS: 一款面向未來開發(fā)的 Node.js 框架,整合了大量的項目最佳實踐,讓企業(yè)級開發(fā)變得更簡單、高效。

Mean

測試工具

eslint: 可組裝的JavaScript和JSX檢查工具。

Jest: 一個令人愉快的 JavaScript 測試框架,專注于簡潔明快。

mocha: 一個功能豐富的javascript測試框架,運行在node.js和瀏覽器中,使異步測試變得簡單有趣。

JSHint: 用于標記用JavaScript編寫的程序中的可疑用法。

JScs.js: 驗證JavaScript代碼。

其他

Markdown: 一份免費且開源的 Markdown 參考手冊,詳細講解了 Markdown 這一簡單、易用的文檔格式化標記語言的用法。

Ionic一個強大的 HTML5 應用程序開發(fā)框架。

mui: 最接近原生APP體驗的高性能前端框架。

leetCode: 力扣提供海量技術面試資源,幫助你高效提升編程技能,輕松拿下世界IT 名企。

font-awesome: 字體為您提供可縮放矢量圖標,它可以被定制大小、顏色、陰影以及任何可以用 CSS 的樣式。

(來源作者:涅槃快樂是金)

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容