#Vue 3 组合式 API 封装 WebSocket 心跳重连：实现后台实时消息推送与断线自动恢复
在实时推送场景中，原生 WebSocket 缺乏心跳检测和自动重连机制，导致断线后页面成为数据孤岛。本文深入剖析僵死连接的隐患，对比手写类与 VueUse useWebSocket 的优劣，并基于组合式 API 封装一个支持心跳、指数退避重连、多连接管理的 composable，让组件只需关注业务消息处理，无需操心连接健康度。
git checkout标签：Vue3
#CSS滚动驱动动画+Vue3组合式API：实现高性能图片懒加载与渐进式模糊加载
本文介绍如何结合CSS滚动驱动动画与Vue3组合式API，实现高性能图片懒加载与渐进式模糊加载。通过IntersectionObserver控制加载时机，CSS动画驱动模糊到清晰的过渡，减少JS计算，提升用户体验。
git checkout
#用Vue 3组合式API封装浏览器通知与页面可见性，实现后台标签页消息聚合与免打扰
用户切到微信回了三句，再切回来——Notification API已经连发五条弹窗，遮住按钮、盖住表单、打断操作。这不是设计，是失控。Vue 3的ref和watch组合式API本该帮我们管住这事，但多数人直接在onMounted里调Notification.requestPermission()，再用new Notification()推送，压根没存状态、不判visibility、也不攒队列。结果就是：页面不可见时通知静默丢失；切回瞬间所有积压消息像推土机一样涌上来。本文教你用组合式API把document.hidden和Notification两套独立系统焊在一起，实现后台标签页消息聚合与免打扰。
git checkout
#从零搭建Vue3 QQ群成员采集管理面板：批量导入、数据清洗与自动化流水线
本文详细讲解如何使用Vue3搭建QQ群成员采集管理面板，涵盖批量导入CSV/TXT文件、自动清洗脏数据（BOM头、空格、重复等）、响应式进度显示、复合去重以及分页搜索等核心功能，帮助开发者高效管理大量群成员数据。
git checkout
#用Vue 3自定义指令打造即时语法高亮与智能补全的输入框
表单里写代码是前端开发的痛点，纯文本textarea难以定位语法错误。本文介绍如何用Vue 3自定义指令v-syntax，在不引入Monaco等重型编辑器的情况下，为textarea添加语法高亮和代码补全功能。涵盖指令注册、事件监听、光标保持、性能优化等实战技巧，适合需要轻量级代码输入场景的开发者。
git checkout