#Vue 3 组合式 API 封装原生拖放：打造自由拖拽排序看板
本文介绍如何用 Vue 3 组合式 API 封装原生 HTML5 拖放，实现可跨列拖拽的任务看板。从事件处理、状态管理到数据同步，详细讲解 useDragAndDrop 组合函数的编写与测试，避免第三方库的局限性，让你轻松控制拖拽逻辑。
git checkout标签：Vue 3
#Vue 3 组合式 API 封装 WebRTC 屏幕共享与远程协作标注
远程会议中屏幕共享后如何实时标注？本文用 Vue 3 组合式 API 封装 WebRTC，实现屏幕共享与远程协作标注。通过 useScreenShare() 管理流状态、资源回收和错误降级，避免静默失败；通过 useRemoteControl() 基于 DataChannel 传输归一化坐标，结合 canvas 叠加层实现低延迟标注。涵盖浏览器兼容性处理、光标同步优化与冲突解决策略。
git checkout
#Vue 3 响应式 API 封装剪贴板与拖放，实现跨标签页复制粘贴与批量上传
本文深入解析浏览器剪贴板与拖放 API 在跨标签页场景下的局限性，并基于 Vue 3 的 Composition API 封装 useClipboard 和 useDragDrop 两个 composable，实现响应式状态同步，解决跨标签页复制粘贴失效、拖放文件流丢失等问题。附带完整代码示例与最佳实践。
git checkout
#Vue 3 组合式 API + IndexedDB：打造可靠的离线数据缓存与同步队列
本文介绍如何利用 Vue 3 的组合式 API 封装 IndexedDB，实现离线数据缓存与同步队列。通过 idb 库简化 IndexedDB 的 Promise 化操作，创建泛型 composable，让组件轻松读写数据库。同时讲解如何结合 Service Worker 实现断网时数据落库、网络恢复后自动同步的完整离线流程，提升弱网环境下的用户体验。
git checkout
#用Vue 3组合式API封装Web Workers：将复杂计算与数据过滤卸到后台线程
本文介绍如何使用Vue 3的组合式API封装Web Workers，将复杂计算和数据过滤从主线程卸载到后台线程，避免UI卡顿。从零搭建可复用的useWorker composable，处理万级数据过滤与排序的实际场景，实现流畅的用户体验。
git checkout
#CSS滚动驱动动画 + Vue 3 useTemplateRef：打造高性能滚动入场与视差效果
本文深入探讨CSS滚动驱动动画（scroll-driven animations）的原理与实战，结合Vue 3的useTemplateRef实现高性能滚动入场与视差效果。从浏览器合成器线程的动画调度，到具体代码示例，帮助开发者摆脱JS监听滚动的性能瓶颈，打造流畅的滚动体验。
git checkout
#用CSS容器查询和Intersection Observer实现Vue 3组件的智能懒加载与可见性驱动动画
本文介绍如何结合CSS容器查询（Container Queries）和Intersection Observer API，在Vue 3中实现组件的智能懒加载与可见性驱动动画。通过defineAsyncComponent按需加载组件，利用容器查询自适应布局，并使用IntersectionObserver精确控制加载时机和入场动画，避免空白等待和布局抖动，提升页面性能与用户体验。
git checkout
#用 Vue 3 的 Teleport 和动态组件构建跨层级的全局弹窗与通知系统
Vue 3.4.x 刚升完级，PM 就要求加全局通知。旧代码中弹窗嵌在局部组件里，遮罩叠遮罩，z-index 失控。本文介绍如何用 Teleport 将弹窗 DOM 传送到 body 下解决层级问题，并用动态组件统一管理多种弹窗内容，实现可维护的全局弹窗系统。
git checkout
#用Vite插件系统为Vue 3项目打造自动化性能监控与错误追踪工具
本文介绍如何利用Vite插件系统，在Vue 3项目中实现自动化性能监控与错误追踪。通过虚拟模块注入、PerformanceObserver采集Core Web Vitals、全局错误捕获等技术，无需业务代码手动埋点即可监控LCP、FCP等指标及运行时错误。插件支持环境区分，生产环境注入监控代码，开发环境保持轻量，提升团队开发效率与线上问题排查能力。
git checkout
#Vue 3组合式API高阶模式：用自定义Composable封装复杂业务状态与副作用管理
从 Vue 2 的 Options API 切换到 Vue 3 组合式 API，最大的体会是终于不用在组件里来回翻同一份逻辑了。本文以购物车模块为例，展示如何用自定义 Composable 封装状态、计算属性和副作用，实现逻辑复用与关注点分离。包括自动同步 localStorage、定时器清理等实战技巧，帮你告别混乱的代码组织方式。
git checkout