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 游覽器調試插件。
TypeScript
typeScript文檔: JavaScript 類型超集,可以編譯成純JavaScript 。
Flutter
Flutter 文檔: Google一個新的用于構建跨平臺的手機App的SDK。
微信小程序
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提供國際化。
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: 快速、可靠、安全的依賴管理工具。
打包工具
webpack: 一個現代 JavaScript 應用程序的靜態模塊打包器。
Parcel: Web 應用打包工具,適用于經驗不同的開發者。
rollup: 一個 JavaScript 模塊打包器,可以將小塊代碼編譯成大塊復雜的代碼。
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 框架,整合了大量的項目最佳實踐,讓企業級開發變得更簡單、高效。
測試工具
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 的樣式。
(來源作者:涅槃快樂是金)