前端開源JavaScrip庫

以下內容仍在持續完善中,如有遺漏或需要補充之處,歡迎在評論區指出。感謝支持,如果覺得有幫助,歡迎點贊鼓勵。感謝支持

JavaScript 框架Vue.jsVue.js - 漸進式 JavaScript 框架 | Vue.js
ReactReact
AngularHome ? Angular
jQueryjQuery
Backbone.jsBackbone.js
CSS 框架BootstrapBootstrap · The most popular HTML, CSS, and JS library in the world.
Tailwind CSSTailwind CSS - Rapidly build modern websites without ever leaving your HTML.
FoundationThe most advanced responsive front-end framework in the world. | Foundation
UI 框架Element PlusA Vue 3 UI Framework | Element Plus
Ant DesignAnt Design - The world's second most popular React UI framework
Layuihttps://www.layui.com/
UI組件Select2Getting Started | Select2 - The jQuery replacement for select boxes用于增強 HTML 選擇元素的庫,提供豐富的選擇功能。
Tagifyhttps://github.com/yairEO/tagify標簽輸入框庫,支持自定義樣式和功能。
FlatpickrIntroduction輕量級日期選擇器庫,易于使用且高度可定制。
移動端組件庫VantVant 4 - A lightweight, customizable Vue UI library for mobile web apps.
Cube-UIcube-ui Document
Mint-UImint-ui documentation
PC 端組件庫Element-UIElement - The world's most popular Vue UI framework
Ant Design of VueAnt Design Vue
iViewiView / View Design 一套企業級 UI 組件庫和前端解決方案
通用組件庫uViewuView 2.0 - 全面兼容 nvue 的 uni-app 生態框架 - uni-app UI 框架
QuasarQuasar Framework
內容管理Cofoundryhttps://cofoundry-cms.com/基于 .Net 開發的內容管理系統,支持代碼優先開發和插件擴展。
Piranha.corePiranha CMS - Open Source, Cross Platform Asp.NET Core CMS輕量級跨平臺 CMS,支持多種模板和解耦設計,可作為移動應用后端。
狀態管理ReduxRedux - A JS library for predictable and maintainable global state management | ReduxJavaScript 應用狀態管理庫,常用于 React 應用中管理應用狀態
VuexWhat is Vuex? | VuexVue.js 應用的狀態管理模式和庫,幫助管理應用的狀態
MobXMobX輕量級狀態管理庫,旨在簡化狀態管理并提高開發效率
RecoilRecoilFacebook 推出的狀態管理庫,用于 React 應用,支持細粒度的狀態管理
桌面應用開發ElectronBuild cross-platform desktop apps with JavaScript, HTML, and CSS | ElectronJavaScript、HTML 和 CSS 構建跨平臺桌面應用程序
NW.jsNW.jsNode.js 和 Chromium 整合為一個運行時,創建桌面應用
PupeteerPuppeteer | PuppeteerNode 庫,提供高級 API 以控制 DevTools 協議
地圖應用開發OpenLayersOpenLayers - WelcomeJavaScript 庫,用于在 Web 上構建地圖應用
LeafletLeaflet - a JavaScript library for interactive maps輕量級開源 JavaScript 庫,用于移動設備友好的交互式地圖
Mapbox GL JSAPI Reference | Mapbox GL JS | MapboxWebGL 渲染交互式、可定制地圖,性能高、可視化效果豐富
MapLibre GL JSMapLibre GL JS開源 WebGL 地圖渲染庫,支持 WebGL 地圖渲染和交互
CesiumJSCesiumJS – Cesium用于在 web 瀏覽器中創建3D地球和2D地圖的JavaScript庫,無需插件
L7https://antv.vision/l7-cn基于 WebGL 的開源大規模地理空間數據可視分析開發框架
數據可視化D3.jsD3 by Observable | The JavaScript library for bespoke data visualizationJavaScript 庫,用于創建數據驅動文檔和復雜可視化圖表
EChartsApache ECharts基于 JavaScript 的數據可視化庫,提供豐富圖表和交互功能
Highchartshttps://www.highcharts.com/流行開源 JavaScript 圖表庫,易于使用且功能強大
Chart.jsChart.js | Open source HTML5 Charts for your website簡單易用的開源 JavaScript 圖表庫,支持多種圖表類型
Three.jsThree.js – JavaScript 3D Library基于 WebGL 的3D圖形庫,用于創建和顯示3D圖形
圖表可視化Ember Charthttps://ember-charts.com/基于 D3.js 和 Ember.js 構建的圖表庫,提供多種圖表類型,易于擴展。
低代碼開發AppsmithAppsmith | Open-Source Low-Code Application Platform低代碼平臺,可視化拖拽搭建后臺界面,支持多數據源和 JS 自定義腳本。
ToolJetToolJet | AI-Native Platform for Building Internal Tools提供拖拽式界面設計和內置查詢編輯器,支持自定義 JS 腳本和多種數據源。
全棧開發WaspVoice Actions for iOS, Mac, Android and Chrome配置式全棧開發框架,通過聲明式語言定義應用結構,底層基于 React、Node.js 和 Prisma。
后端服務SupabaseSupabase | The Open Source Firebase AlternativeFirebase 開源替代方案,提供托管數據庫、身份認證、文件存儲等后端服務。
框架增強RefineRefine | Open-source Retool for Enterprise基于 React 的應用開發框架,支持多種數據源適配器和 UI 框架,適合復雜后臺系統。
代碼編輯與開發工具Visual Studio CodeVisual Studio Code - Code Editing. Redefined開源代碼編輯器,基于 Electron 構建,支持多種編程語言和插件
AtomSunsetting Atom - The GitHub BlogGitHub 開發的開源文本編輯器,支持插件和自定義主題
BracketsBrackets - A modern, open source code editor that understands web design.輕量級代碼編輯器,專為網頁設計和前端開發而創建
Jupyter NotebookProject Jupyter | Home開源的交互式計算環境,支持多種編程語言和數據科學
VS Code InsidersDownload Visual Studio Code InsidersVS Code 的預覽版,提供最新的功能和改進
代碼編輯PreprosYour Friendly Web Development Companion代碼預處理器,支持 Less、Sass、Stylus 等語言的自動編譯和刷新。
ajax請求AxiosAxios基于 Promise 的 HTTP 客戶端,支持請求和響應攔截
學習平臺FreeCodeCamphttps://www.freecodecamp.org/在線編程學習平臺,提供前端開發、后端開發和數據可視化等課程。
工具庫LitElementLitWeb Components 庫,用于構建可復用的自定義元素。
PolymerPolymer library - Polymer Project用于構建 Web Components 的庫,支持模塊化和封裝。
StencilStencil用于創建高性能 Web Components 的工具,支持 TypeScript 和多種構建優化。
Lodashlodash.com提供常用函數式編程工具,如數組和對象操作、函數防抖等。
Moment.jsmomentjs.comJavaScript 庫,用于處理日期和時間。強大的日期處理庫,提供日期解析、格式化、計算等功能。
Day.jshttps://day.js.orgMoment.js 的輕量級替代品,體積更小但功能完備。
clipboard.jsgithub.com/zenorocha/clipboard.js輕量級的復制粘貼操作庫,易于集成
實時通信PusherPusher | Leader In Realtime Technologies實時通信平臺,用于構建實時功能(如聊天、通知等)。
Socket.IOSocket.IO實時雙向通信庫,用于構建實時 Web 應用。
Firebasehttps://firebase.google.com/提供實時數據庫和云服務的平臺,適合快速開發。
性能優化Lodash DebounceLodash Documentation用于防抖函數的庫,可優化性能。
Throttle.jshttps://github.com/jugglinmike/Throttle.js用于節流函數的庫,可優化性能。
LazyLoad.jshttps://github.com/ressio/lazy-load圖片懶加載庫,用于優化頁面加載性能。
無障礙設計Axe-corehttps://github.com/dequelabs/axe-core用于檢測 Web 應用無障礙問題的庫。
Pa11yhttps://github.com/pa11y/pa11y無障礙自動化測試工具,用于檢測 Web 頁面的無障礙問題。
Tenon.jshttps://tenon.io/無障礙檢測工具,提供詳細的無障礙問題報告。
搜索建議Typeahead.jshttps://github.com/twitter/typeahead.js提供強大的自動完成功能的庫。
Bloodhoundhttps://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md用于增強自動完成功能的建議引擎。
Awesomepletehttps://github.com/devbridge/Autocomplete輕量級自動完成功能庫,易于使用。
測試JestJest · 🃏 Delightful JavaScript TestingJavaScript 測試框架,支持快照測試和模擬函數。
MochaMocha - the fun, simple, flexible JavaScript test framework測試框架,支持多種斷言庫和報告器。
CypressTesting Frameworks for Javascript | Write, Run, Debug | Cypress端到端測試工具,提供直觀的測試體驗
動畫庫Animate.cssdaneden.github.io/animate.cssCSS3 動畫庫,提供多種預設動畫效果,適用于網頁元素的動畫展示。
Anime.jsanimejs.com強大的輕量級動畫庫,支持 CSS 屬性、SVG、DOM 屬性等多種動畫效果。
WOW.jsgithub.com/matthieua/WOW滾動展示動畫,依賴 animate.css,可實現頁面滾動時元素的動畫效果。
ScrollReveal.jsgithub.com/jlmakes/scrollreveal類似 WOW.js 的動畫庫,可通過配置實現豐富的滾動動畫效果。
滾動庫iScrollgithub.com/cubiq/iscroll平滑滾動插件,適用于移動設備的觸摸滾動場景。
BetterScrollgithub.com/ustbhuangyi/better-scrolliscroll 的優化版,提供流暢的移動端滑動體驗。
MeScrollmescroll.com支持移動端上拉刷新和下拉加載功能的滾動庫。
輪播圖庫Swiperswiper.com.cn常用于移動端網站的觸摸滑動輪播圖庫。
OwlCarousel2owlcarousel2.github.io/OwlCarousel2提供多種輪播效果,支持觸摸和響應式布局。
Slip.jsgithub.com/binnng/slip.js輕量級移動端跟隨手指滑動組件,零依賴
富文本編輯器庫Quillquilljs.com開源富文本編輯器,支持現代瀏覽器,提供豐富的編輯功能。
wangEditorwww.wangeditor.com國產富文本編輯器,易于集成和定制。
Simditorsimditor.tower.im簡潔易用的富文本編輯器,支持多種插件擴展。
表單處理FormValidationThe best validation library for JavaScript - FormValidation用于表單驗證的庫,支持多種驗證規則和插件。
Parsley.jsParsley - The ultimate JavaScript form validation library自動表單驗證庫,易于集成和使用。
VuelidateGetting started | VuelidateVue.js 的表單驗證庫,支持聲明式和響應式驗證。
圖片懶加載LazySizeshttps://github.com/aFarkas/lazysizes輕量級的響應式圖片懶加載庫。
Lozad.jshttps://github.com/ApoorvaJ/lozad.js簡單的懶加載庫,支持圖片、視頻等多種元素。
Blazy.jshttps://github.com/dogfuntion/Blazy.js輕量級的圖片懶加載庫,支持回調函數。
響應式設計Breakpoints.jshttps://github.com/ajrhumphrey24/breakpoints響應式設計庫,用于檢測和管理斷點。
Enquire.jshttps://github.com/WickyNilliams/enquire.js響應式設計庫,支持媒體查詢的 JavaScript 回調。
Adapt.jshttps://github.com/IanLunn/Adapt.js響應式設計庫,用于調整布局以適應不同的屏幕尺寸。
代碼高亮Prism.jsPrism輕量級代碼高亮庫,支持多種編程語言。
Highlight.jshighlight.js代碼高亮庫,易于使用且支持多種語言。
RainbowRainbow - Javascript Code Syntax Highlighting代碼高亮庫,支持多種語言和主題
文件上傳Dropzone.js302 dropzone - JS.ORG用于文件拖放上傳的庫,支持多種自定義選項。
Fine UploaderHome - Fine Uploader強大的文件上傳庫,支持斷點續傳和拖放上傳。
PluploadPlupload: Multi-runtime File-Uploader文件上傳庫,支持多種上傳運行時(如 HTML5、Flash 等)。
模態框和彈窗Modal.jshttps://github.com/pineapple-js/pineapple-modal響應式模態框庫,易于使用和自定義。
Magnific PopupMagnific Popup: Responsive jQuery Lightbox Plugin彈窗庫,支持多種彈窗類型和動畫效果。
Lightbox.jsLightbox2圖片彈窗庫,用于創建簡潔的圖片燈箱效果。
微前端框架Single-SPAsingle-spa | single-spa用于構建微前端架構的框架,支持多技術棧集成。
微前端框架qiankunqiankun - qiankun阿里開源的微前端解決方案,基于 Single-SPA 封裝。
響應式框架SolidJShttps://www.solidjs.com/高性能響應式框架,語法類似 React,但無虛擬 DOM。
輕量框架Alpine.jsAlpine.js輕量級前端框架,通過 HTML 屬性實現響應式交互
數據請求SWRhttps://swr.vercel.app/React Hooks 數據請求庫,支持緩存、重試和實時更新。
數據請求React QueryTanStack Query強大的異步數據管理庫,支持緩存、同步和錯誤處理。
狀態管理ZustandZustand輕量級 React 狀態管理庫,API 簡潔高效。
狀態管理JotaiJotai, primitive and flexible state management for React原子化狀態管理庫,適用于 React 應用。
狀態機XStateXState - JavaScript State Machines and Statecharts基于有限狀態機的狀態管理庫,支持復雜邏輯可視化。
動畫引擎GSAP (GreenSock)https://greensock.com/gsap/高性能動畫庫,支持復雜時間軸和物理效果。
手勢庫Hammer.jsHammer.JS - Hammer.js手勢識別庫,支持觸摸、滑動、旋轉等操作。
拖放庫react-beautiful-dndhttps://github.com/atlassian/react-beautiful-dnd專為 React 設計的拖放組件,支持列表重排序。
拖放庫dnd-kitdnd kit – a modern drag and drop toolkit for React現代輕量級拖放工具包,支持無障礙和復雜交互。
圖表庫RechartsRecharts基于 React 和 D3 的聲明式圖表庫。
圖表庫VictoryVictoryReact 和 React Native 的模塊化圖表庫。
3D 可視化Babylon.jsBabylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best強大的 Web 3D 引擎,支持游戲和復雜場景渲染。
表單庫FormikFormik: Build forms in React, without the tearsReact 表單管理庫,簡化表單處理和驗證。
表單庫React Hook FormReact Hook Form - performant, flexible and extensible form library基于 React Hooks 的高性能表單庫,支持無控制組件。
表格組件AG GridAG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid企業級表格庫,支持復雜數據展示和編輯。
表格組件TanStack TableTanStack Table無頭 UI 表格庫,支持 React、Vue 等框架。
構建工具ViteVite | Next Generation Frontend Tooling新一代前端構建工具,支持快速開發和按需編譯。
靜態站點生成AstroAstro輕量級靜態站點生成器,支持多框架組件。
打包工具ParcelParcel零配置的 Web 應用打包工具。
CSS-in-JSstyled-componentsstyled-components通過模板字符串編寫 CSS 的 React 樣式庫。
CSS-in-JSEmotionEmotion – Introduction高性能 CSS-in-JS 庫,支持動態樣式和 SSR。
靜態站點生成AstroAstro輕量級靜態站點生成器,支持多框架組件。
跨平臺框架IonicIonic Framework - The Cross-Platform App Development Leader使用 Web 技術構建跨平臺移動應用的框架。
原生渲染React NativeReact Native · Learn once, write anywhere使用 React 構建原生移動應用的框架。
小程序框架TaroTaro | 多端統一開發解決方案多端統一開發框架,支持微信小程序、H5 等

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/83301.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/83301.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/83301.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

什么是 CPU 緩存模型?

導語: CPU 緩存模型是后端性能調優、并發編程乃至分布式系統設計中一個繞不開的核心概念。它不僅關系到指令執行效率,還影響鎖機制、內存可見性等多個面試高頻點。本文將以資深面試官視角,詳解緩存模型的原理、常見面試題及實戰落地&#xff…

海外tk抓包簡單暴力方式

將地址替換下面代碼就可以 function hook_dlopen(module_name, fun) {var android_dlopen_ext Module.findExportByName(null, "android_dlopen_ext");if (android_dlopen_ext) {Interceptor.attach(android_dlopen_ext, {onEnter: function (args) {var pathptr …

多模態大語言模型arxiv論文略讀(103)

Are Bigger Encoders Always Better in Vision Large Models? ?? 論文標題:Are Bigger Encoders Always Better in Vision Large Models? ?? 論文作者:Bozhou Li, Hao Liang, Zimo Meng, Wentao Zhang ?? 研究機構: 北京大學 ?? 問題背景&…

代碼隨想錄算法訓練營 Day61 圖論ⅩⅠ Floyd A※ 最短路徑算法

圖論 題目 97. 小明逛公園 本題是經典的多源最短路問題。 在這之前我們講解過,dijkstra樸素版、dijkstra堆優化、Bellman算法、Bellman隊列優化(SPFA) 都是單源最短路,即只能有一個起點。 而本題是多源最短路,即求多…

【機器學習】集成學習與梯度提升決策樹

目錄 一、引言 二、自舉聚合與隨機森林 三、集成學習器 四、提升算法 五、Python代碼實現集成學習與梯度提升決策樹的實驗 六、總結 一、引言 在機器學習的廣闊領域中,集成學習(Ensemble Learning)猶如一座閃耀的明星,它通過組合多個基本學習器的力量,創造出…

yarn、pnpm、npm

非常好,這樣從“問題驅動 → 工具誕生 → 優化演進”的角度來講,更清晰易懂。下面我按時間線和動機,把 npm → yarn → pnpm 的演變脈絡講清楚。 🧩 一、npm 為什么一開始不夠好? 早期(npm v4 及之前&…

如何用AI寫作?

過去半年,我如何用AI高效寫作,節省數倍時間 過去六個月,我幾乎所有文章都用AI輔助完成。我的朋友——大多是文字工作者,對語言極為敏感——都說看不出我的文章是AI寫的還是親手創作的。 我的AI寫作靈感部分來自丘吉爾。這位英國…

什么是trace,分布式鏈路追蹤(Distributed Tracing)

在你提到的 “個人免費版” 套餐中,“Trace 上報量:5 萬條 / 月,存儲 3 天” 里的 Trace 仍然是指 分布式鏈路追蹤記錄,但需要結合具體產品的場景來理解其含義和限制。以下是更貼近個人用戶使用場景的解釋: 一、這里的…

[免費]微信小程序網上花店系統(SpringBoot后端+Vue管理端)【論文+源碼+SQL腳本】

大家好,我是java1234_小鋒老師,看到一個不錯的微信小程序網上花店系統(SpringBoot后端Vue管理端)【論文源碼SQL腳本】,分享下哈。 項目視頻演示 【免費】微信小程序網上花店系統(SpringBoot后端Vue管理端) Java畢業設計_嗶哩嗶哩_bilibili 項…

PyTorch——DataLoader的使用

batch_size, drop_last 的用法 shuffle shuffleTrue 各批次訓練的圖像不一樣 shuffleFalse 在第156step順序一致

【Linux】基礎文件IO

🌟🌟作者主頁:ephemerals__ 🌟🌟所屬專欄:Linux 前言 無論是日常使用還是系統管理,文件是Linux系統中最核心的概念之一。對于初學者來說,理解文件是如何被創建、讀取、寫入以及存儲…

【JAVA后端入門基礎001】Tomcat 是什么?通俗易懂講清楚!

📚博客主頁:代碼探秘者 ?專欄:《JavaSe》 其他更新ing… ??感謝大家點贊👍🏻收藏?評論?🏻,您的三連就是我持續更新的動力?? 🙏作者水平有限,歡迎各位大佬指點&…

TDengine 的 AI 應用實戰——電力需求預測

作者: derekchen Demo數據集準備 我們使用公開的UTSD數據集里面的電力需求數據,作為預測算法的數據來源,基于歷史數據預測未來若干小時的電力需求。數據集的采集頻次為30分鐘,單位與時間戳未提供。為了方便演示,按…

D2000平臺上Centos使用mmap函數遇到的陷阱

----------原創不易,歡迎點贊收藏。廣交嵌入式開發的朋友,討論技術和產品------------- 在飛騰D2000平臺上,安裝了麒麟linux系統,我寫了個GPIO點燈的程序,在應用層利用mmap函數將內核空間映射到用戶態,然后…

深入了解linux系統—— 進程間通信之管道

前言 本篇博客所涉及到的代碼一同步到本人gitee:testfifo 遲來的grown/linux - 碼云 - 開源中國 一、進程間通信 什么是進程間通信 在之前的學習中,我們了解到了進程具有獨立性,就算是父子進程,在修改數據時也會進行寫時拷貝&…

設計模式——模版方法設計模式(行為型)

摘要 模版方法設計模式是一種行為型設計模式,定義了算法的步驟順序和整體結構,將某些步驟的具體實現延遲到子類中。它通過抽象類定義模板方法,子類實現抽象步驟,實現代碼復用和算法流程控制。該模式適用于有固定流程但部分步驟可…

Python使用

Python學習,從安裝,到簡單應用 前言 Python作為膠水語言在web開發,數據分析,網絡爬蟲等方向有著廣泛的應用 一、Python入門 相關基礎語法直接使用相關測試代碼 Python編譯器版本使用3以后,安裝參考其他教程&#xf…

吳恩達機器學習筆記(1)—引言

目錄 一、歡迎 二、機器學習是什么 三、監督學習 四、無監督學習 一、歡迎 機器學習是當前信息技術領域中最令人興奮的方向之一。在這門課程中,你不僅會學習機器學習的前沿知識,還將親手實現相關算法,從而深入理解其內部機理。 事實上&…

java筆記08

多線程&JUC 1.什么是多線程 1.什么是多線程?有了多線程,我們就可以讓程序同時做多件事情 2.多線程的作用?提高效率 3.多線程的應用場景?只要你想讓多個事情同時運行就需要用到多線程比如:軟件中的耗時操作、所有…

【仿muduo庫實現并發服務器】使用正則表達式提取HTTP元素

使用正則表達式提取HTTP元素 1.正則表達式2.正則庫的使用3.使用正則表達式提取HTTP請求行 1.正則表達式 正則表達式它其實是描述了一種字符串匹配的模式,它可以用來在一個字符串中檢測一個特定格式的字串,以及可以將符合特定規則的字串進行替換或者提取…