#PS切图做H5单页：看似过时，却是最高效的底层技能
帮朋友改金融类H5单页，Figma导出在iOS Safari上边缘发虚、阴影错位，退回PS手动切图后完美解决。PS切图不是怀旧，而是像素级视觉交付的保底技能。从图层命名规范、存储为Web所用格式的坑，到CSS Sprite手动计算、AI抠图进化，本文详解为何老手艺比新工具更靠谱。
git checkout标签：前端开发
#Vue 3 组合式 API 封装原生拖放：打造自由拖拽排序看板
本文介绍如何用 Vue 3 组合式 API 封装原生 HTML5 拖放，实现可跨列拖拽的任务看板。从事件处理、状态管理到数据同步，详细讲解 useDragAndDrop 组合函数的编写与测试，避免第三方库的局限性，让你轻松控制拖拽逻辑。
git checkout
#从零搭建Vue3 QQ群成员采集管理面板：批量导入、数据清洗与自动化流水线
本文详细讲解如何使用Vue3搭建QQ群成员采集管理面板，涵盖批量导入CSV/TXT文件、自动清洗脏数据（BOM头、空格、重复等）、响应式进度显示、复合去重以及分页搜索等核心功能，帮助开发者高效管理大量群成员数据。
git checkout
#用Vue 3自定义指令打造即时语法高亮与智能补全的输入框
表单里写代码是前端开发的痛点，纯文本textarea难以定位语法错误。本文介绍如何用Vue 3自定义指令v-syntax，在不引入Monaco等重型编辑器的情况下，为textarea添加语法高亮和代码补全功能。涵盖指令注册、事件监听、光标保持、性能优化等实战技巧，适合需要轻量级代码输入场景的开发者。
git checkout
#用 Vue 3 的 Teleport 和动态组件构建跨层级的全局弹窗与通知系统
Vue 3.4.x 刚升完级，PM 就要求加全局通知。旧代码中弹窗嵌在局部组件里，遮罩叠遮罩，z-index 失控。本文介绍如何用 Teleport 将弹窗 DOM 传送到 body 下解决层级问题，并用动态组件统一管理多种弹窗内容，实现可维护的全局弹窗系统。
git checkout
#用CSS容器查询和:has()实现真正响应式的Vue组件：告别媒体查询依赖
媒体查询基于视口，无法感知组件实际宽度，导致Vue组件在不同容器中布局混乱。本文介绍CSS容器查询和:has()选择器，让组件根据自身容器宽度自适应，彻底摆脱媒体查询依赖。通过实际案例展示如何在Vue组件中应用@container规则，实现组件真正的独立性，大幅降低维护成本。
git checkout