程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
vue3 相关技术文章
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
Golang 重写 BuildAdmin:可视化拖拽生成 CRUD,有数据的表不删表重建
编程
Golang 重写 BuildAdmin:可视化拖拽生成 CRUD,有数据的表不删表重建
2026-09-12 20:00:41
BuildAdmin 的 Go 移植版 ai-go-admin:Golang+Vue3+PostgreSQL 技术栈,图形化拖拽生成后台增删改查代码,一次生成模型/仓储/服务/控制器/路由/前端组件/语言包,有数据的表只给改表 SQL、不删表重建。含仓库、文档与在线演示地址。
Go
Vue3
BuildAdmin
CRUD
开源后台
Reka UI:给 Vue 用的无样式无障碍组件库,从安装到写一个 Popover
代码
Reka UI:给 Vue 用的无样式无障碍组件库,从安装到写一个 Popover
2026-09-10 21:31:33
Reka UI 是 Radix Vue 在 v2 的新身份,一个给 Vue 用的低层级、无样式、无障碍优先组件库。本文介绍它的设计原则、安装方式、用 Popover 走一遍上手流程,并说明什么项目适合用它、什么项目不必引入。
Vue3
组件库
headless
无障碍
开源项目
keep-alive 的 include 传了路由 name:Vue3 动态路由生产环境白屏排查
编程
keep-alive 的 include 传了路由 name:Vue3 动态路由生产环境白屏排查
2026-09-10 21:31:29
Vue3 动态路由项目本地正常、生产白屏且控制台无报错,根因是 keep-alive 的 include 匹配的是组件 name 而非路由 name,异步组件下匹配失败直接阻断渲染。本文给出排查链路、根因分析和最小改动方案。
Vue3
Vue
Router
keep-alive
动态路由
前端排障
用Qoder实战Vue3大屏:从项目分析到Agent团队协作的完整开发流程
案例
用Qoder实战Vue3大屏:从项目分析到Agent团队协作的完整开发流程
2026-09-05 19:07:17
以一个基于 Vue3 + Konva.js 的 IoT 数据大屏可视化编辑器为实战案例,完整记录阿里 Qoder AI 编程工具的使用流程:项目分析、Better Harness 环境检查、/goal 目标驱动、/loop 动态循环监控、Agent Teams 专家团分工,以及延伸到知识库和科研场景。
Qoder
AI编程
Vue3
Agent开发
Better Harness
element-pro-components:给 Element Plus 中后台页面用的 Pro 组件库
代码
element-pro-components:给 Element Plus 中后台页面用的 Pro 组件库
2026-09-03 21:33:02
一个基于 Element Plus 封装的 Vue3 Pro 层组件库 element-pro-components:含 Crud/Form/Table/Search/Layout/FilterRoutes/ColumnSetting 等中后台常用组合,给出安装、全局注册与配套 admin 模板链接。
Vue3
Element
Plus
组件库
中后台
开源工具
Vue3 SPA 首屏优化记录:5 步把 LCP 从 3.2s 压到 1.2s
编程
Vue3 SPA 首屏优化记录:5 步把 LCP 从 3.2s 压到 1.2s
2026-09-03 21:31:48
一个 PDF 工具箱站的真实首屏优化复盘:Vite manualChunks 按库拆包、modulePreload 过滤、路由懒加载、字体 font-display:swap、Playwright 预渲染 5 个手段,把 LCP 从 3.2s 压到 1.2s,并给出每个手段的坑点与取舍。
Vue3
Vite
性能优化
首屏加载
LCP
用 WebRTC 自建远程桌面:拆解 billd-desk 的架构与它修不掉的两个问题
编程
用 WebRTC 自建远程桌面:拆解 billd-desk 的架构与它修不掉的两个问题
2026-08-27 16:33:03
拆解开源远程桌面项目 billd-desk:从屏幕采集、WebCodecs 编码、WebRTC 传输到 DataChannel 输入回流的完整链路,以及作者承认的「权限、控制」两个架构级问题的成因。最后给出判断:什么场景适合用 WebRTC 自建远程桌面,什么场景不该碰。
WebRTC
远程桌面
Vue3
架构
Electron
TabTab:一款高颜值、可开箱即用的 Vue3 后端管理模板
编程
TabTab:一款高颜值、可开箱即用的 Vue3 后端管理模板
2026-08-26 12:56:46
TabTab 是一款基于 Vue3 + TypeScript + shadcn-vue 构建的高颜值开源后端管理模板,采用 Monorepo 架构,内置 5 种布局模式、明暗主题切换、中英文国际化、多标签页管理、全局页面搜索、响应式设计、Toast 通知、Pinia 状态管理与可定制组件库,支持桌面与移动端,适合外包接单开发者、SaaS 创业团队及企业内部工具开发者快速搭建个性化中后台系统。
Vue3
后台管理模板
开源项目
从 VNode diff 到零虚函数:Vue 3.6 Vapor Mode 编译原理深度剖析,alien-signals push-pull 模型与 Solid 正面交锋
编程
从 VNode diff 到零虚函数:Vue 3.6 Vapor Mode 编译原理深度剖析,alien-signals push-pull 模型与 Solid 正面交锋
2026-08-01 08:46:20
Vue 3.6 Vapor Mode 如何通过编译时优化消除虚拟 DOM 开销?本文深度剖析 alien-signals push-pull 响应式内核、编译依赖分析、DOM 操作代码生成,以及性能对比数据,附生产踩坑清单。
Vue
Vapor Mode
alien-signals
虚拟DOM
前端框架
编译优化
响应式
性能优化
Solid
Vue3
Vue 3.6 Vapor Mode 深度拆解:alien-signals push-pull 响应式内核 + 零虚函数编译管道,性能是如何追平 Solid 的
编程
Vue 3.6 Vapor Mode 深度拆解:alien-signals push-pull 响应式内核 + 零虚函数编译管道,性能是如何追平 Solid 的
2026-08-01 08:44:39
Vue 3.6 引入的 Vapor Mode 是前端框架领域最具突破性的技术演进之一。本文从第一性原理出发,深度拆解 Vapor Mode 的技术全貌:alien-signals 的 push-pull 混合响应式模型、编译时依赖分析、零虚拟 DOM 的代码生成,以及与 Solid.js 的正面性能对比。附生产踩坑清单与渐进式迁移指南。
Vue
Vapor Mode
alien-signals
虚拟DOM
前端框架
编译优化
响应式
性能优化
Solid
Vue3
Vue 3.6 深度拆解:Vapor Mode 如何用编译时优化颠覆虚拟 DOM,性能直逼 Solid——alien-signals 响应式内核、push-pull 传播模型与编译管道全解析
编程
Vue 3.6 深度拆解:Vapor Mode 如何用编译时优化颠覆虚拟 DOM,性能直逼 Solid——alien-signals 响应式内核、push-pull 传播模型与编译管道全解析
2026-08-01 08:43:35
Vue 3.6 引入的 Vapor Mode 是前端框架领域最具突破性的技术演进之一。本文从第一性原理出发,深度拆解 Vapor Mode 的技术全貌:alien-signals 的 push-pull 混合响应式模型、编译时依赖分析、零虚拟 DOM 的代码生成,以及与 Solid.js 的正面性能对比。附生产踩坑清单与渐进式迁移指南。
Vue
Vapor Mode
alien-signals
虚拟DOM
前端框架
编译优化
响应式
性能优化
Solid
Vue3
vue-tui:用Vue开发终端界面,3D旋转Logo + 流式Markdown渲染AI CLI界面
编程
vue-tui:用Vue开发终端界面,3D旋转Logo + 流式Markdown渲染AI CLI界面
2026-07-25 08:42:37
vue-tui是一套用Vue开发终端界面的组件库:可渲染3D旋转Vue Logo、支持TBox/TText/TInput/TTable等20+组件、一套代码跑浏览器DOM/终端stdout/Headless测试;核心瞄准AI CLI场景,流式Markdown逐Token渲染,Claude Code风格界面用Vue写法即可实现。
vue-tui
Vue
终端UI
TUI
CLI
AICLI
流式Markdown
终端3D
vue3
组件库
Cloud Mail:基于Cloudflare的简约邮箱服务,零服务器成本搭建私人邮箱
编程
Cloud Mail:基于Cloudflare的简约邮箱服务,零服务器成本搭建私人邮箱
2026-06-21 07:17:42
Cloud Mail 是基于 Cloudflare Workers 的开源邮箱服务,零服务器成本。集成 Resend 邮件发送、R2 附件存储、Workers AI 验证码识别、TG 推送、RBAC 权限管理、开放 API。MIT 协议。
Cloudflare
邮箱服务
开源
Workers
Hono
Vue3
Resend
R2
D1
GoPay:Go语言轻量级聚合支付网关,支持支付宝/微信支付
编程
GoPay:Go语言轻量级聚合支付网关,支持支付宝/微信支付
2026-05-26 12:34:14
GoPay是基于Go语言开发的轻量级聚合支付网关,支持支付宝和微信支付,含商户管理、订单管理、结算转账、风控、分账等完整功能,MIT开源。
Go
支付系统
聚合支付
开源
Gin
GORM
SQLite
Vue3
Forge Admin:SpringBoot3+Vue3 企业级管理框架,AI写代码+一键生成大屏
编程
Forge Admin:SpringBoot3+Vue3 企业级管理框架,AI写代码+一键生成大屏
2026-05-12 12:15:31
Forge Admin是一个微内核+插件化的企业级管理框架,基于SpringBoot3+JDK17+Vue3,AI驱动代码生成和一键数据大屏,支持7家AI供应商,核心只有几百KB,按需引入绝不冗余。
Forge Admin
SpringBoot3
Vue3
AI代码生成
数据大屏
微内核
template-vue3-gin-fullstack:Vue3+Go Gin前后端分离全栈项目模板,开箱即用
案例
template-vue3-gin-fullstack:Vue3+Go Gin前后端分离全栈项目模板,开箱即用
2026-05-09 10:27:01
template-vue3-gin-fullstack:一款基于Vue3+Go Gin的前后端分离全栈项目模板。技术栈涵盖Vue3.4+TypeScript5+Vite5+Pinia+TailwindCSS前端,以及Go1.22+Gin1.9+GORM+PostgreSQL+Redis+JWT+Zap后端。目录分层清晰(Handler/Service/Repository),JWT认证、Swagger文档、GitHub Actions CI/CD全部配好,clone即可开写业务代码。
全栈模板
Vue3
Go Gin
前后端分离
TypeScript
项目架构
CI/CD
GitHub Actions
PostgreSQL
Redis
JWT
dbx 深度解析:Tauri + Vue 3 打造的全能数据库客户端——从架构设计到 AI 集成的全链路技术实战
编程
dbx 深度解析:Tauri + Vue 3 打造的全能数据库客户端——从架构设计到 AI 集成的全链路技术实战
2026-05-03 20:53:13
深度解析 GitHub trending 开源项目 dbx:15 MB 安装包如何实现 15+ 数据库支持,Tauri + Vue 3 技术架构,AI SQL 助手与 MCP 集成全解析
dbx
Tauri
Vue3
数据库客户端
Rust
只需浏览器!FastAPI+Vue3打造开源高性能Web SSH终端LingTerm
编程
只需浏览器!FastAPI+Vue3打造开源高性能Web SSH终端LingTerm
2026-04-21 10:51:33
LingTerm:FastAPI+Vue3打造的高性能Web SSH终端,无需安装,打开浏览器就能连接服务器,支持SFTP、可视化文件管理、多标签、主题定制
开源
SSH
Web终端
FastAPI
Vue3
xterm.js
SFTP
Python
运维工具
WebSocket
一款开源桌面音视频转换工具,支持RTMP/HLS推流+屏幕录制+FLV拉流
编程
一款开源桌面音视频转换工具,支持RTMP/HLS推流+屏幕录制+FLV拉流
2026-04-21 08:46:51
FFmpegFree:Vue3+TypeScript+Go+Wails跨平台桌面工具,支持音视频互转、RTMP/HLS推流、屏幕录制推流、FLV拉流播放、Office转PDF
开源
桌面应用
FFmpeg
音视频
Go
Vue3
Wails
流媒体
RTMP
星云低代码:像集成Redis一样给系统装上低代码能力,中间件模式让低代码不再推倒重来
编程
星云低代码:像集成Redis一样给系统装上低代码能力,中间件模式让低代码不再推倒重来
2026-04-16 19:04:25
星云低代码(NebulaLowcode)是一款以中间件模式定位的低代码开发平台,像集成Redis一样给已有系统注入可视化开发能力,适合多租户SaaS和渐进式低代码引入场景。
低代码
SOA
中间件
Vue3
开源
多租户
企业级
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
编程
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
2026-04-16 17:09:36
VTJ.PRO是Gitee上9.3K Star的Vue3 AI低代码平台,支持一次设计输出Web/H5/UniApp多端代码,双向代码自由无平台锁定,适合企业级应用快速开发。
Vue3
低代码
AI
前端
开源
多端
前端开发
滴滴开源XIAOJUSURVEY:一套协议化的企业级问卷基座,日均处理1.2亿次请求
编程
滴滴开源XIAOJUSURVEY:一套协议化的企业级问卷基座,日均处理1.2亿次请求
2026-04-16 17:04:13
XIAOJUSURVEY是滴滴开源的企业级调研系统,支持40+题型和100+模板,日均处理1.2亿次问卷请求,协议化可扩展架构,适合问卷、考试、测评等场景。
Vue3
NestJS
问卷
开源
滴滴
表单
调研系统
如何在Vue中为组件添加简单的CSS动画和过渡效果
编程
如何在Vue中为组件添加简单的CSS动画和过渡效果
2024-11-18 05:29:03
本文介绍了如何在Vue3中为组件添加简单的CSS动画和过渡效果。通过使用Vue的内置<transition>组件和CSS,读者可以学习如何创建流畅的动画效果。文章涵盖了项目创建、组件开发、CSS过渡效果的添加以及JavaScript钩子函数的使用,帮助开发者提升用户体验。
前端开发
动画
Vue3
用户体验
CSS
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
python
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调