刘鑫！！

摘要： 工具会过时，但结构化的工作流不会。本系列不追新词，只沉淀经过真实项目验证的常用 Skills 组合。 🎯 为什么整理这份清单？ 技术栈迭代越来越快，框架、工具、规范层出不穷。很多开发者（尤其是独立开发者与小团队）常面临三个痛点： 选型焦虑：面对数十个同类方案，不知如何取舍 规范断层：个人开发随意， 阅读全文

摘要： 背景与问题 项目用 Vite 打包、React 用 lazy 按路由拆 chunk。用户长时间开着旧页面、服务端又发了新版本时，浏览器里仍是旧的 index.html，里面的脚本地址指向已被删掉的旧 hash 文件。用户再点链接做客户端跳转时，会动态去拉那个旧 chunk，请求 404，控制台出现 阅读全文

摘要： 1. 背景与痛点 在前端实现语音对话功能（Voice User Interface, VUI）时，开发者常面临以下复杂问题： 状态冲突：用户说话与系统回复的状态容易冲突（例如：系统正在播报时，用户突然打断）。 执行顺序混乱：异步请求（STT -> LLM -> TTS）返回时机不确定，容易导致 UI 阅读全文

摘要： 在 React 开发中，表单状态管理是常见任务。handleFormDataChange 是一个优雅的函数，用于更新表单状态的特定字段，同时保持其他字段不变。然而，当状态包含嵌套对象或数组时，浅拷贝与深拷贝的选择会显著影响代码行为。本文总结了浅拷贝和深拷贝的两种实现方式，分析其原理、适用场景和优缺点 阅读全文

摘要： 📖 前言 在现代前端开发中，复杂应用的状态管理一直是一个挑战。特别是在流程图编辑器这类应用中，用户的操作需要实时保存，同时还要保证良好的性能和用户体验。 本文将详细介绍如何基于 Zustand 实现一个全局状态管理系统，并在此基础上构建自动保存机制，让流程图编辑器的数据变更能够自动持久化到后端。 阅读全文

摘要： 如何在 React Flow 中隐藏水印 在使用 React Flow 构建基于节点的编辑器时，你可能会注意到画布右下角有一个默认的水印链接。虽然它看起来并不显眼，但在某些情况下，你可能希望将其隐藏，以使界面更加简洁。幸运的是，React Flow 提供了一个简单的解决方案来实现这一点。 问题背景 阅读全文

摘要： 可视化学习计划 由于公司需要写可视化相关的东西，了解了一下可视化并不仅仅是会写个图表而已，是一个挺大的体系，从数据收集，数据处理，设计图表，等方面需要学习的东西还是挺多的，刚开始无从下手，所以写了一个计划表，督促学习。 大致流程：选题 - 收集数据 - 讨论分析重点和使用图表 - 设计图表 - 数据 阅读全文