- 博客(10)
- 收藏
- 关注
RSS订阅原创 轮盘驱动页面切换：用“旋转节点”做导航与内容联动（React + Vite 可复用方案
本文提出了一种基于轮盘交互的技术方案，用于解决企业官网业务展示中的痛点。该方案通过轮盘节点驱动内容切换和路由跳转，配合过渡动画提升用户体验。核心功能包括自动轮播、节点点击旋转、暂停/恢复机制及路由同步更新。技术实现上采用状态机管理轮盘旋转、节点激活状态和暂停逻辑，并映射到路由系统。方案兼顾了信息展示密度、用户认知效率和视觉沉浸感，适用于业务矩阵/能力地图等场景。
2026-03-18 11:34:13
487
原创 婚礼留言板项目复盘：从“摩擦声”到丝滑弹幕
本文介绍了一款专为婚礼场景设计的轻量级祝福收集应用，支持文字和语音留言、实时弹幕展示及后台数据导出。项目采用Vue 3+FastAPI技术栈，重点解决了三个核心问题：1) 语音上传兼容性问题，通过动态匹配MIME类型实现；2) 弹幕流畅性问题，采用requestAnimationFrame驱动动画并设计轨道状态机；3) Excel导出可靠性问题，规范设置响应头。文章提供了可直接复用的代码片段，包括语音处理、弹幕控制和文件导出等关键功能模块的实现方案。该项目实现了无需注册、即录即用的轻交互体验，为婚礼场景提供
2026-03-11 11:38:06
431
原创 记一次 SSL 证书续期与七牛云同步全流程
本文详细记录了作者为个人博客和七牛云图片服务续期Let's Encrypt SSL证书的全过程。由于图片子域名指向七牛云CDN，无法使用常规HTTP验证，作者改用DNS验证方式，在腾讯云DNSPod添加TXT记录完成验证。新证书生成后，同步部署到Nginx服务器并配置自动续期定时任务，同时手动更新七牛云证书。文章总结了关键步骤、常见问题解决方案和后续维护备忘录，为类似场景提供了标准化操作流程。整个流程涉及多平台协作，重点解决了CDN服务证书同步的难题。
2026-03-11 11:34:55
570
原创 现代 UI 之美：React 项目中的极致毛玻璃 (Glassmorphism) 实战指南
半透明背景：让背景层隐约可见。背景模糊：就像透过磨砂玻璃看东西。高光边框：模拟玻璃边缘的反射光，增加立体感。通过Vanta.js(动态背景) +伪元素隔离法(毛玻璃)，我们成功打造了一个既有视觉深度，又具备工业级稳定性的现代 UI 界面。设计不仅仅是好看，更是在各种极端交互场景下依然保持优雅。希望这个方案能帮你在项目中避开 CSS 渲染的“深坑”。
2026-02-06 13:58:56
620
原创 让网站动起来：Vanta.js 3D 动态背景配置指南 (Fog 篇)
本文介绍了如何在React项目中集成Vanta.js的Fog动态背景效果。Vanta.js是基于Three.js的轻量级WebGL动画库，提供多种3D动态背景效果。文章详细说明了安装步骤、React组件封装方法以及关键参数调优技巧，包括颜色配置、动画速度、缩放比例等。通过简单的代码实现，即可为网站添加朦胧唯美的3D雾气效果，同时保持页面性能和交互体验。最后预告了后续将探讨结合毛玻璃效果的UI设计。
2026-02-06 10:22:00
692
原创 给 React 输入框加点“魔法”：实现表情包的所见即所得
本文介绍了如何基于React将普通文本输入框改造为支持图片表情混排的"所见即所得"编辑器。核心方案是使用contentEditable替代textarea，实现双向数据转换：后端存储的[huaji]代码在前端渲染为图片，用户操作后又能还原为代码格式。文章详细讲解了实现过程中的关键点，包括文本与HTML的相互转换、中文输入法冲突处理、表情删除和插入的光标控制、以及粘贴样式处理等常见问题的解决方案。最终实现了既保持后端数据兼容性，又能提供直观编辑体验的富文本输入组件。
2026-02-02 17:33:28
872
原创 解决 PowerShell 中 NPM 命令无法运行的问题
PowerShell中无法运行npm命令通常由环境变量未正确配置或执行策略限制导致。核心解决方法包括：1)检查并添加Node.js和npm路径到系统PATH环境变量；2)刷新PowerShell环境变量或重启终端；3)调整执行策略为RemoteSigned；4)通过npm install -g npm修复损坏的npm安装。完成这些步骤后，PowerShell即可正常使用npm命令，与CMD保持一致。
2026-02-02 11:54:18
2067
原创 摆脱AI无聊的UI：UI-UX-PRO-MAX-SKILL
本文介绍了如何在Trae环境中集成使用ui-ux-pro-max-skill工具包。该工具提供版本管理、初始化、升级等核心功能，支持通过命令行快速获取设计资源版本和更新工具。文章详细说明了环境准备、依赖安装、核心功能使用、Trae集成配置以及常见问题解决方法，并提供了智能体创建攻略和已有UI风格提示词的使用方式。通过遵循本文指南，开发者可以高效地将该工具集成到UI/UX设计工作流中，提升设计效率和标准化水平。
2026-01-24 12:38:46
2467
原创 解决七牛云仅用于图片上传，不影响前后端联动的完整方案
本文提出了一套七牛云仅用于图片存储的解决方案。核心思路是将七牛云作为图片专用服务，通过子域名img.example.com指向七牛云，同时保持主域名解析回原服务器，确保前后端正常通信。具体步骤包括：恢复主域名解析、后端生成七牛云上传凭证、配置图片子域名解析和SSL证书、可选Nginx反向代理设置。该方案实现了图片上传与业务逻辑解耦，既保留了前后端完整功能，又避免了使用二级域名承载业务的问题，适用于需要分离静态资源与业务服务的场景。
2026-01-21 11:15:37
484
原创 我的技术自留地：记录成长，分享干货——欢迎造访shengwd1005.cloud
我的技术自留地：记录成长，分享干货——欢迎造访shengwd1005.cloud
2026-01-21 10:27:47
571
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人