前端框架庫匯總

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 社區

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庫,用于移動友好的交互式地圖。

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:快速創建漂亮的 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

打包工具

webpack: 一個現代 JavaScript 應用程序的靜態模塊打包器。

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

測試工具

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

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

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

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

JScs.js: 驗證JavaScript代碼。

其他

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

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

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

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

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

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

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,748評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,165評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,595評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,633評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,435評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,943評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,035評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,175評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,713評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,599評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,788評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,303評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,034評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,412評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,664評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,408評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,747評論 2 370

推薦閱讀更多精彩內容