博客

优化前：卡得不行 上个月接手一个老项目，用的是 Vue Router 的 history 模式，页面一多，切换路由时明显卡顿。特别是从首页跳到详情页，白屏能持续 2～3 秒，用户反馈“点完没反应，以为...

先看效果，再看代码 上周做商品价格区间筛选功能，用户拖动滑块选最低价和最高价，然后从几千条商品里快速找出匹配的。一开始我用 filter() 暴力遍历，结果卡得不行。后来同事提醒：你这数据是排好序的，...

项目初期的技术选型 最近一个内部管理后台的重构项目，UI框架用了 Ant Design，但样式部分没直接用它的 CSS 变量方案，而是自己搭了一套基于 CSS Modules + PostCSS 的组...

先上手再说，Espresso 真的香 最近在搞一个移动端 H5 项目，需求是做一个带复杂交互的表单页面，用户滑动、点击、输入各种操作都有。一开始我用原生 JS 搞事件监听，结果 touchmove 一...

为什么我又在折腾 Plugin 开发？ 最近项目里要加一个「动态表单生成器」，用户拖拽组件、配置字段，最后生成 JSON。这玩意儿天然适合插件化——不同组件（输入框、下拉框、日期选择器）作为独立插件注...

项目初期的技术选型 去年接了个企业官网重构的活，客户要求“首屏加载快一点”，但没给具体指标。我一开始也没太当回事，毕竟现在都用 Vite + React，按部就班搞个代码分割、懒加载，应该问题不大。结...

项目初期的技术选型 上个月收尾的这个后台管理系统，前端团队就三个人，工期压得紧，需求又变来变去。一开始我们连要不要做 Code Review 都犹豫过——毕竟人少、节奏快，怕拖进度。但之前另一个项目因...

文档这事儿，一开始真没当回事 上个月收尾一个内部工具项目，前端三人小团队，后端甩过来一堆接口文档，格式是 Markdown。我心想：不就是写文档嘛，能有多难？结果第一周就翻车了——同事按文档调接口，愣...

我的写法，亲测靠谱 用 Vue Draggable 做拖拽排序功能，我前后折腾过不下五六个项目。一开始图快，直接照着文档抄，结果上线后各种诡异问题：列表抖动、数据错乱、移动端点不动……后来慢慢摸出门道...

核心代码就这几行，但别小看它 上周做通讯录搜索功能，产品说要支持拼音首字母和全拼搜人名。我一开始以为得搞个字典库，结果折腾半天发现根本不用那么复杂。直接上代码： // 安装依赖：npm install...

优化前：卡得不行 上周我接手了一个老项目，里面有个 Modal 弹窗组件，每次打开都像在加载整个宇宙。用户点一下按钮，页面直接卡住 3～5 秒，连滚动条都动不了，鼠标转圈圈转到怀疑人生。我自己测试的时...

为什么又要折腾样式方案？ 说实话，每次新项目开始，我都得重新纠结一遍用什么样式方案。CSS Modules？Styled Components？Tailwind？还是老老实实用原生 CSS？看起来都是...

项目初期的技术选型 去年做了一个后台管理系统的搜索模块，需求是用户输入关键词时实时展示匹配结果。一开始没多想，直接在 input 的 oninput 里加了个 fetch 请求，结果 QA 一测就炸了...

项目初期的技术选型 去年接手一个数据看板项目，前端用 React + TypeScript，后端是 Node.js。页面里嵌了不少图表（ECharts）、实时数据流、WebSocket 连接，还有用户...

先看效果，再看代码 上周搞一个新功能，产品经理说“用户第一次进页面，得知道怎么操作”，于是让我加个引导说明。我一开始想用 tooltip + 遮罩层那种经典方案，但发现要适配移动端、还得支持跳过、顺序...

我的写法，亲测靠谱 在 Node.js 项目里调用子进程（Child Process）这事儿，我干过太多次了——从打包脚本、自动化测试，到调用 Python 脚本处理图像，甚至跑 shell 命令部署...

我的写法，亲测靠谱 做前端这么多年，自动关闭这个功能看似简单，但真要写得稳、不闪退、不内存泄漏，其实挺磨人的。我一开始也图省事，用个 setTimeout 一包就完事，结果用户反馈“弹窗关了怎么又弹出...

操作日志这事，别再瞎搞了 最近项目里要加操作日志功能，产品经理一句话“记录用户关键操作”，结果我折腾了三天。不是技术多难，而是方案太多，选哪个都像踩雷。市面上常见的无非就三种：手动埋点、AOP 切面（...

WeakSet 这玩意儿，用对了真香，用错了就懵 WeakSet 是 JavaScript 里一个挺冷门但又很实用的集合类型。我第一次接触它是在处理 DOM 节点状态管理时，当时为了标记某些元素是否被...

为什么我又在折腾富文本编辑器？ 说实话，每次项目里要上富文本，我都头大。不是功能不够，就是配置太复杂，要么就是移动端一堆兼容问题。这次客户明确要求支持图文混排、表格、代码块，还得能自定义工具栏——我第...