以下內容仍在持續完善中,如有遺漏或需要補充之處,歡迎在評論區指出。感謝支持,如果覺得有幫助,歡迎點贊鼓勵。感謝支持
JavaScript 框架 | Vue.js | Vue.js - 漸進式 JavaScript 框架 | Vue.js | |
React | React | ||
Angular | Home ? Angular | ||
jQuery | jQuery | ||
Backbone.js | Backbone.js | ||
CSS 框架 | Bootstrap | Bootstrap · The most popular HTML, CSS, and JS library in the world. | |
Tailwind CSS | Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. | ||
Foundation | The most advanced responsive front-end framework in the world. | Foundation | ||
UI 框架 | Element Plus | A Vue 3 UI Framework | Element Plus | |
Ant Design | Ant Design - The world's second most popular React UI framework | ||
Layui | https://www.layui.com/ | ||
UI組件 | Select2 | Getting Started | Select2 - The jQuery replacement for select boxes | 用于增強 HTML 選擇元素的庫,提供豐富的選擇功能。 |
Tagify | https://github.com/yairEO/tagify | 標簽輸入框庫,支持自定義樣式和功能。 | |
Flatpickr | Introduction | 輕量級日期選擇器庫,易于使用且高度可定制。 | |
移動端組件庫 | Vant | Vant 4 - A lightweight, customizable Vue UI library for mobile web apps. | |
Cube-UI | cube-ui Document | ||
Mint-UI | mint-ui documentation | ||
PC 端組件庫 | Element-UI | Element - The world's most popular Vue UI framework | |
Ant Design of Vue | Ant Design Vue | ||
iView | iView / View Design 一套企業級 UI 組件庫和前端解決方案 | ||
通用組件庫 | uView | uView 2.0 - 全面兼容 nvue 的 uni-app 生態框架 - uni-app UI 框架 | |
Quasar | Quasar Framework | ||
內容管理 | Cofoundry | https://cofoundry-cms.com/ | 基于 .Net 開發的內容管理系統,支持代碼優先開發和插件擴展。 |
Piranha.core | Piranha CMS - Open Source, Cross Platform Asp.NET Core CMS | 輕量級跨平臺 CMS,支持多種模板和解耦設計,可作為移動應用后端。 | |
狀態管理 | Redux | Redux - A JS library for predictable and maintainable global state management | Redux | JavaScript 應用狀態管理庫,常用于 React 應用中管理應用狀態 |
Vuex | What is Vuex? | Vuex | Vue.js 應用的狀態管理模式和庫,幫助管理應用的狀態 | |
MobX | MobX | 輕量級狀態管理庫,旨在簡化狀態管理并提高開發效率 | |
Recoil | Recoil | Facebook 推出的狀態管理庫,用于 React 應用,支持細粒度的狀態管理 | |
桌面應用開發 | Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron | JavaScript、HTML 和 CSS 構建跨平臺桌面應用程序 |
NW.js | NW.js | Node.js 和 Chromium 整合為一個運行時,創建桌面應用 | |
Pupeteer | Puppeteer | Puppeteer | Node 庫,提供高級 API 以控制 DevTools 協議 | |
地圖應用開發 | OpenLayers | OpenLayers - Welcome | JavaScript 庫,用于在 Web 上構建地圖應用 |
Leaflet | Leaflet - a JavaScript library for interactive maps | 輕量級開源 JavaScript 庫,用于移動設備友好的交互式地圖 | |
Mapbox GL JS | API Reference | Mapbox GL JS | Mapbox | WebGL 渲染交互式、可定制地圖,性能高、可視化效果豐富 | |
MapLibre GL JS | MapLibre GL JS | 開源 WebGL 地圖渲染庫,支持 WebGL 地圖渲染和交互 | |
CesiumJS | CesiumJS – Cesium | 用于在 web 瀏覽器中創建3D地球和2D地圖的JavaScript庫,無需插件 | |
L7 | https://antv.vision/l7-cn | 基于 WebGL 的開源大規模地理空間數據可視分析開發框架 | |
數據可視化 | D3.js | D3 by Observable | The JavaScript library for bespoke data visualization | JavaScript 庫,用于創建數據驅動文檔和復雜可視化圖表 |
ECharts | Apache ECharts | 基于 JavaScript 的數據可視化庫,提供豐富圖表和交互功能 | |
Highcharts | https://www.highcharts.com/ | 流行開源 JavaScript 圖表庫,易于使用且功能強大 | |
Chart.js | Chart.js | Open source HTML5 Charts for your website | 簡單易用的開源 JavaScript 圖表庫,支持多種圖表類型 | |
Three.js | Three.js – JavaScript 3D Library | 基于 WebGL 的3D圖形庫,用于創建和顯示3D圖形 | |
圖表可視化 | Ember Chart | https://ember-charts.com/ | 基于 D3.js 和 Ember.js 構建的圖表庫,提供多種圖表類型,易于擴展。 |
低代碼開發 | Appsmith | Appsmith | Open-Source Low-Code Application Platform | 低代碼平臺,可視化拖拽搭建后臺界面,支持多數據源和 JS 自定義腳本。 |
ToolJet | ToolJet | AI-Native Platform for Building Internal Tools | 提供拖拽式界面設計和內置查詢編輯器,支持自定義 JS 腳本和多種數據源。 | |
全棧開發 | Wasp | Voice Actions for iOS, Mac, Android and Chrome | 配置式全棧開發框架,通過聲明式語言定義應用結構,底層基于 React、Node.js 和 Prisma。 |
后端服務 | Supabase | Supabase | The Open Source Firebase Alternative | Firebase 開源替代方案,提供托管數據庫、身份認證、文件存儲等后端服務。 |
框架增強 | Refine | Refine | Open-source Retool for Enterprise | 基于 React 的應用開發框架,支持多種數據源適配器和 UI 框架,適合復雜后臺系統。 |
代碼編輯與開發工具 | Visual Studio Code | Visual Studio Code - Code Editing. Redefined | 開源代碼編輯器,基于 Electron 構建,支持多種編程語言和插件 |
Atom | Sunsetting Atom - The GitHub Blog | GitHub 開發的開源文本編輯器,支持插件和自定義主題 | |
Brackets | Brackets - A modern, open source code editor that understands web design. | 輕量級代碼編輯器,專為網頁設計和前端開發而創建 | |
Jupyter Notebook | Project Jupyter | Home | 開源的交互式計算環境,支持多種編程語言和數據科學 | |
VS Code Insiders | Download Visual Studio Code Insiders | VS Code 的預覽版,提供最新的功能和改進 | |
代碼編輯 | Prepros | Your Friendly Web Development Companion | 代碼預處理器,支持 Less、Sass、Stylus 等語言的自動編譯和刷新。 |
ajax請求 | Axios | Axios | 基于 Promise 的 HTTP 客戶端,支持請求和響應攔截 |
學習平臺 | FreeCodeCamp | https://www.freecodecamp.org/ | 在線編程學習平臺,提供前端開發、后端開發和數據可視化等課程。 |
工具庫 | LitElement | Lit | Web Components 庫,用于構建可復用的自定義元素。 |
Polymer | Polymer library - Polymer Project | 用于構建 Web Components 的庫,支持模塊化和封裝。 | |
Stencil | Stencil | 用于創建高性能 Web Components 的工具,支持 TypeScript 和多種構建優化。 | |
Lodash | lodash.com | 提供常用函數式編程工具,如數組和對象操作、函數防抖等。 | |
Moment.js | momentjs.com | JavaScript 庫,用于處理日期和時間。強大的日期處理庫,提供日期解析、格式化、計算等功能。 | |
Day.js | https://day.js.org | Moment.js 的輕量級替代品,體積更小但功能完備。 | |
clipboard.js | github.com/zenorocha/clipboard.js | 輕量級的復制粘貼操作庫,易于集成 | |
實時通信 | Pusher | Pusher | Leader In Realtime Technologies | 實時通信平臺,用于構建實時功能(如聊天、通知等)。 |
Socket.IO | Socket.IO | 實時雙向通信庫,用于構建實時 Web 應用。 | |
Firebase | https://firebase.google.com/ | 提供實時數據庫和云服務的平臺,適合快速開發。 | |
性能優化 | Lodash Debounce | Lodash Documentation | 用于防抖函數的庫,可優化性能。 |
Throttle.js | https://github.com/jugglinmike/Throttle.js | 用于節流函數的庫,可優化性能。 | |
LazyLoad.js | https://github.com/ressio/lazy-load | 圖片懶加載庫,用于優化頁面加載性能。 | |
無障礙設計 | Axe-core | https://github.com/dequelabs/axe-core | 用于檢測 Web 應用無障礙問題的庫。 |
Pa11y | https://github.com/pa11y/pa11y | 無障礙自動化測試工具,用于檢測 Web 頁面的無障礙問題。 | |
Tenon.js | https://tenon.io/ | 無障礙檢測工具,提供詳細的無障礙問題報告。 | |
搜索建議 | Typeahead.js | https://github.com/twitter/typeahead.js | 提供強大的自動完成功能的庫。 |
Bloodhound | https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md | 用于增強自動完成功能的建議引擎。 | |
Awesomeplete | https://github.com/devbridge/Autocomplete | 輕量級自動完成功能庫,易于使用。 | |
測試 | Jest | Jest · 🃏 Delightful JavaScript Testing | JavaScript 測試框架,支持快照測試和模擬函數。 |
Mocha | Mocha - the fun, simple, flexible JavaScript test framework | 測試框架,支持多種斷言庫和報告器。 | |
Cypress | Testing Frameworks for Javascript | Write, Run, Debug | Cypress | 端到端測試工具,提供直觀的測試體驗 | |
動畫庫 | Animate.css | daneden.github.io/animate.css | CSS3 動畫庫,提供多種預設動畫效果,適用于網頁元素的動畫展示。 |
Anime.js | animejs.com | 強大的輕量級動畫庫,支持 CSS 屬性、SVG、DOM 屬性等多種動畫效果。 | |
WOW.js | github.com/matthieua/WOW | 滾動展示動畫,依賴 animate.css,可實現頁面滾動時元素的動畫效果。 | |
ScrollReveal.js | github.com/jlmakes/scrollreveal | 類似 WOW.js 的動畫庫,可通過配置實現豐富的滾動動畫效果。 | |
滾動庫 | iScroll | github.com/cubiq/iscroll | 平滑滾動插件,適用于移動設備的觸摸滾動場景。 |
BetterScroll | github.com/ustbhuangyi/better-scroll | iscroll 的優化版,提供流暢的移動端滑動體驗。 | |
MeScroll | mescroll.com | 支持移動端上拉刷新和下拉加載功能的滾動庫。 | |
輪播圖庫 | Swiper | swiper.com.cn | 常用于移動端網站的觸摸滑動輪播圖庫。 |
OwlCarousel2 | owlcarousel2.github.io/OwlCarousel2 | 提供多種輪播效果,支持觸摸和響應式布局。 | |
Slip.js | github.com/binnng/slip.js | 輕量級移動端跟隨手指滑動組件,零依賴 | |
富文本編輯器庫 | Quill | quilljs.com | 開源富文本編輯器,支持現代瀏覽器,提供豐富的編輯功能。 |
wangEditor | www.wangeditor.com | 國產富文本編輯器,易于集成和定制。 | |
Simditor | simditor.tower.im | 簡潔易用的富文本編輯器,支持多種插件擴展。 | |
表單處理 | FormValidation | The best validation library for JavaScript - FormValidation | 用于表單驗證的庫,支持多種驗證規則和插件。 |
Parsley.js | Parsley - The ultimate JavaScript form validation library | 自動表單驗證庫,易于集成和使用。 | |
Vuelidate | Getting started | Vuelidate | Vue.js 的表單驗證庫,支持聲明式和響應式驗證。 | |
圖片懶加載 | LazySizes | https://github.com/aFarkas/lazysizes | 輕量級的響應式圖片懶加載庫。 |
Lozad.js | https://github.com/ApoorvaJ/lozad.js | 簡單的懶加載庫,支持圖片、視頻等多種元素。 | |
Blazy.js | https://github.com/dogfuntion/Blazy.js | 輕量級的圖片懶加載庫,支持回調函數。 | |
響應式設計 | Breakpoints.js | https://github.com/ajrhumphrey24/breakpoints | 響應式設計庫,用于檢測和管理斷點。 |
Enquire.js | https://github.com/WickyNilliams/enquire.js | 響應式設計庫,支持媒體查詢的 JavaScript 回調。 | |
Adapt.js | https://github.com/IanLunn/Adapt.js | 響應式設計庫,用于調整布局以適應不同的屏幕尺寸。 | |
代碼高亮 | Prism.js | Prism | 輕量級代碼高亮庫,支持多種編程語言。 |
Highlight.js | highlight.js | 代碼高亮庫,易于使用且支持多種語言。 | |
Rainbow | Rainbow - Javascript Code Syntax Highlighting | 代碼高亮庫,支持多種語言和主題 | |
文件上傳 | Dropzone.js | 302 dropzone - JS.ORG | 用于文件拖放上傳的庫,支持多種自定義選項。 |
Fine Uploader | Home - Fine Uploader | 強大的文件上傳庫,支持斷點續傳和拖放上傳。 | |
Plupload | Plupload: Multi-runtime File-Uploader | 文件上傳庫,支持多種上傳運行時(如 HTML5、Flash 等)。 | |
模態框和彈窗 | Modal.js | https://github.com/pineapple-js/pineapple-modal | 響應式模態框庫,易于使用和自定義。 |
Magnific Popup | Magnific Popup: Responsive jQuery Lightbox Plugin | 彈窗庫,支持多種彈窗類型和動畫效果。 | |
Lightbox.js | Lightbox2 | 圖片彈窗庫,用于創建簡潔的圖片燈箱效果。 | |
微前端框架 | Single-SPA | single-spa | single-spa | 用于構建微前端架構的框架,支持多技術棧集成。 |
微前端框架 | qiankun | qiankun - qiankun | 阿里開源的微前端解決方案,基于 Single-SPA 封裝。 |
響應式框架 | SolidJS | https://www.solidjs.com/ | 高性能響應式框架,語法類似 React,但無虛擬 DOM。 |
輕量框架 | Alpine.js | Alpine.js | 輕量級前端框架,通過 HTML 屬性實現響應式交互 |
數據請求 | SWR | https://swr.vercel.app/ | React Hooks 數據請求庫,支持緩存、重試和實時更新。 |
數據請求 | React Query | TanStack Query | 強大的異步數據管理庫,支持緩存、同步和錯誤處理。 |
狀態管理 | Zustand | Zustand | 輕量級 React 狀態管理庫,API 簡潔高效。 |
狀態管理 | Jotai | Jotai, primitive and flexible state management for React | 原子化狀態管理庫,適用于 React 應用。 |
狀態機 | XState | XState - JavaScript State Machines and Statecharts | 基于有限狀態機的狀態管理庫,支持復雜邏輯可視化。 |
動畫引擎 | GSAP (GreenSock) | https://greensock.com/gsap/ | 高性能動畫庫,支持復雜時間軸和物理效果。 |
手勢庫 | Hammer.js | Hammer.JS - Hammer.js | 手勢識別庫,支持觸摸、滑動、旋轉等操作。 |
拖放庫 | react-beautiful-dnd | https://github.com/atlassian/react-beautiful-dnd | 專為 React 設計的拖放組件,支持列表重排序。 |
拖放庫 | dnd-kit | dnd kit – a modern drag and drop toolkit for React | 現代輕量級拖放工具包,支持無障礙和復雜交互。 |
圖表庫 | Recharts | Recharts | 基于 React 和 D3 的聲明式圖表庫。 |
圖表庫 | Victory | Victory | React 和 React Native 的模塊化圖表庫。 |
3D 可視化 | Babylon.js | Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best | 強大的 Web 3D 引擎,支持游戲和復雜場景渲染。 |
表單庫 | Formik | Formik: Build forms in React, without the tears | React 表單管理庫,簡化表單處理和驗證。 |
表單庫 | React Hook Form | React Hook Form - performant, flexible and extensible form library | 基于 React Hooks 的高性能表單庫,支持無控制組件。 |
表格組件 | AG Grid | AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid | 企業級表格庫,支持復雜數據展示和編輯。 |
表格組件 | TanStack Table | TanStack Table | 無頭 UI 表格庫,支持 React、Vue 等框架。 |
構建工具 | Vite | Vite | Next Generation Frontend Tooling | 新一代前端構建工具,支持快速開發和按需編譯。 |
靜態站點生成 | Astro | Astro | 輕量級靜態站點生成器,支持多框架組件。 |
打包工具 | Parcel | Parcel | 零配置的 Web 應用打包工具。 |
CSS-in-JS | styled-components | styled-components | 通過模板字符串編寫 CSS 的 React 樣式庫。 |
CSS-in-JS | Emotion | Emotion – Introduction | 高性能 CSS-in-JS 庫,支持動態樣式和 SSR。 |
靜態站點生成 | Astro | Astro | 輕量級靜態站點生成器,支持多框架組件。 |
跨平臺框架 | Ionic | Ionic Framework - The Cross-Platform App Development Leader | 使用 Web 技術構建跨平臺移動應用的框架。 |
原生渲染 | React Native | React Native · Learn once, write anywhere | 使用 React 構建原生移動應用的框架。 |
小程序框架 | Taro | Taro | 多端統一開發解決方案 | 多端統一開發框架,支持微信小程序、H5 等 |