前端开源JavaScrip库

news2025/6/1 8:53:18

以下内容仍在持续完善中,如有遗漏或需要补充之处,欢迎在评论区指出。感谢支持,如果觉得有帮助,欢迎点赞鼓励。感谢支持

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.coloradmin.cn/o/2392585.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Linux我做主】进度条小程序深度解析

Linux下C语言进度条程序深度解析 进度条小程序GitHub地址 前言前置知识回车换行(CR/LF)的深度解析历史渊源与技术规范在进度条/倒计时中的应用 缓冲区机制的全面剖析缓冲区引入缓冲类型对比进度条开发中的关键控制 进度条实现以小见大——倒计时倒计时最…

从Homebrew找到openssl.cnf文件并拷贝到Go项目下使用

安装OpenSSL 在 macOS 上下载和安装 OpenSSL 最常见和推荐的方式是使用 Homebrew,这是一个 macOS 缺失的包管理器。 如果您还没有安装 Homebrew,请先安装它。安装 Homebrew 后,安装 OpenSSL 只需要一条命令。 步骤 1:安装 Home…

微信小程序一次性订阅封装

封装代码如下&#xff1a; export async function subscribeMessage(tmplIds: string[]): Promise<ISubscribeMessagePromise> {// 模板ID// 1、获取设置状态const settings (await wx.getSetting({ withSubscriptions: true })).subscriptionsSetting || {}console.log…

安全帽检测算法AI智能分析网关V4守护工地/矿山/工厂等多场景作业安全

一、方案概述​ 在工业生产与建筑施工场景中&#xff0c;安全帽是保障人员安全的重要装备。但传统人工巡检效率低、易疏漏&#xff0c;难以满足现代安全管理需求。AI智能分析网关V4安全帽检测方案&#xff0c;借助人工智能与计算机视觉技术&#xff0c;实现作业现场安全帽佩戴…

Python自动化之selenium语句——打开、关闭浏览器和网页

目录 一、打开谷歌浏览器 1.双击桌面的Pycharm工具 2.新建Python文件&#xff0c;输入文件名 3.新建的Python文件如下 4.安装selenium库 5.导入包 二、打开网页、关闭网页、关闭浏览器 1.导入增加一个时间包 2.使用函数打包之前写的浏览器的配置 3.调用 4.打开百度网…

【数据结构】--二叉树--堆(上)

一、树的概念和结构 概念&#xff1a; 树是一种非线性的数据结构&#xff0c;他是由n(n>0)个有限结点组成一个具有层次关系的集合。其叫做树&#xff0c;是因为他倒过来看就和一棵树差不多&#xff0c;其实际上是根在上&#xff0c;树枝在下的。 树的特点&#xff1a; 1…

多线程(5)——单例模式,阻塞队列

目录 单例模式饿汉模式懒汉模式—单线程版懒汉模式—多线程版&#xff08;经典面试题&#xff09;懒汉模式—多线程版&#xff08;改进&#xff09; 阻塞队列阻塞队列是什么生产者消费者模型标准库中的阻塞队列-BlockingQueue阻塞队列实现 单例模式 单例模式是一种设计模式&am…

视频监控汇聚平台EasyCVR工业与安全监控:防爆摄像机的安全应用与注意事项

石油、化工、煤矿等行业存在易燃易爆气体、粉尘&#xff0c;普通监控设备易因电火花、高温引发爆炸火灾。随着工业规模扩大&#xff0c;安全生产监控需求激增&#xff0c;防爆摄像机成为保障安全的关键。加之国家法规与行业标准对危险环境监控设备要求严格&#xff0c;规范其应…

基于 Redis 实现分布式锁:原理及注意事项

文章目录 基于 Redis 实现分布式锁&#xff1a;原理及注意事项基于 Redis 实现分布式锁的原理Redis 分布式锁的过期时间和锁续期机制如何防止锁被其他 goroutine 删除&#xff1f;Redis 分布式锁存在的单点故障问题&#xff1a;基于 RedLock 的解决方案高并发场景中 Redis 分布…

手机设备多?怎样设置IP保证不关联

在移动互联网时代&#xff0c;多设备运营&#xff08;如电商、游戏工作室、社交媒体矩阵&#xff09;常面临IP关联风险&#xff0c;轻则账号受限&#xff0c;重则封禁。以下提供6种高效设置独立IP的方法&#xff0c;结合技术原理与实操建议&#xff0c;助您打造稳定合规的运营环…

哈尔滨工业大学计算机系统大作业程序人生-Hello’s P2P

摘 要 文章以C语言程序设计经典案例hello.c为研究对象&#xff0c;系统解析程序在计算机系统中的完整生命周期。剖析源代码通过预处理、编译、汇编、链接四阶段演化为可执行目标程序的编译系统工作机制&#xff0c;继而从进程视角揭示程序运行时计算机体系结构的协同运作&…

Linux系统管理与编程24:基础条件准备-混搭“本地+阿里云”yum源

兰生幽谷&#xff0c;不为莫服而不芳&#xff1b; 君子行义&#xff0c;不为莫知而止休。 1.添加宿主机共享文件夹 Linux虚拟机可以和宿主机共享文件夹&#xff0c;这样有利于工具文件的共享。具体操作如下&#xff1a; 1&#xff09;vmware workstation共享文件夹 虚拟机…

如何在 Windows 10 PC 上获取 iPhone短信

您可以轻松地将媒体数据从 iPhone 传输到 Windows 计算机&#xff0c;并直接访问计算机上的数据。但是&#xff0c;您可以在 Windows 10 PC 上接收 iPhone 短信吗&#xff1f;有什么功能或工具支持它吗&#xff1f;如果您发现在 Windows 10 PC 上接收 iPhone 消息很困难&#x…

Linux 系统中的软链接与硬链接

目录 一、什么是软链接&#xff1f; 1. 创建软链接 2. 软链接的特性 3. 软链接的用途 二、什么是硬链接&#xff1f; 1. 创建硬链接 2. 硬链接的特性 3. 硬链接的用途 4. 目录硬链接的特殊性 ​编辑 三、软链接与硬链接的区别 1. inode 编号 2. 路径依赖 3. 删除行…

Python爬虫第22节- 结合Selenium识别滑动验证码实战

目录 一、引言 二、滑动验证码原理与反爬机制 2.1 验证码原理 2.2 反爬机制 三、工程实战&#xff1a;滑动验证码识别全流程 3.1 工程准备 3.1.1 环境依赖 3.1.2 目标网站与验证码识别案例 3.2 核心破解流程 3.2.1 自动化打开网页与登录 3.2.2 获取验证码图片&#…

Escrcpy(安卓手机投屏软件) v1.29.6 中文绿色版

在数字设备日益普及的今天&#xff0c;用户对于设备的控制和管理需求也在不断增加。对于Android设备用户来说&#xff0c;Escrcpy这款强大的工具无疑是一个福音。它不仅提供了直观的图形化界面&#xff0c;让用户能够轻松显示和控制自己的Android设备&#xff0c;还以完全免费开…

Linux:深入理解网络层

网络层在复杂的网络环境中确定一个合适的路径.传输到指定的网络中 一、网络层的理解 问题1&#xff1a;为什么要有网络层的概念呢&#xff1f;&#xff1f; ——>我们先来讲一个故事&#xff1a; 假设我在学校里被誉为数学大神&#xff0c;是因为我的数学有考满分的能力&…

Linux_编辑器Vim基本使用

✨✨ 欢迎大家来到小伞的大讲堂✨✨ &#x1f388;&#x1f388;养成好习惯&#xff0c;先赞后看哦~&#x1f388;&#x1f388; 所属专栏&#xff1a;LInux_st 小伞的主页&#xff1a;xiaosan_blog 制作不易&#xff01;点个赞吧&#xff01;&#xff01;谢谢喵&#xff01;&a…

vue展示修改前后对比,并显示修改标注diff

动态父组件 <template><el-buttontype"primary"size"small"plainclick"showDiffDialog(subItem)">查看修改内容</el-button><TextDiffDialogv-model:visible"diffDialogVisible":before"currentDiffItem?.…

LiveWallpaperMacOS:让你的 Mac 桌面动起来

随着桌面美化需求的不断提升,用户对于桌面壁纸的要求已经不再局限于静态图片。越来越多的 Mac 用户希望桌面能像 Windows 一样,拥有动态壁纸,展现个性、提升体验。LiveWallpaperMacOS 正是这样一款让你的 Mac 桌面焕发活力的开源项目。 本文将详细介绍 LiveWallpaperMacOS …