博客

优化前：卡得不行 我们项目里有个「消息中心」页，顶部是用户头像+未读消息徽章（Badge），右上角还有个「购物车」徽章，底部 TabBar 上还堆了 4 个带数字的 Badge。本来以为就几个小红点，...

我的写法，亲测靠谱 日志记录这事，我干了快八年，前三年是 console.log(1)、console.log(2)、console.log('这里好像卡了')，后五年开始被运维拉着骂：你打的日志根本...

项目初期的技术选型 去年下半年接了个微信公众号内嵌的 H5 活动页，目标用户 90% 是 iOS 用户，尤其是 iPhone X 及以后机型。需求里有一屏「全屏滑动切换」+「底部固定操作栏」，设计师给...

项目初期的技术选型 去年年底接手一个内部运营后台，需求挺典型：一堆表单、配置项、状态开关，要支持多语言、主题切换、权限粒度控制……本来想直接上 Ant Design Pro，结果发现 UI 层级太重，...

谁更灵活？谁更省事？Web Vitals采集方案实测对比 我去年重构公司三个核心后台项目时，被PM拿着Lighthouse报告堵在茶水间问：“为啥FCP老是4.2秒？是不是你代码写得慢？”——那一刻我...

后台同步这玩意儿，真不是点个按钮就完事的 今天上线前测到一个诡异问题：用户在离线状态下编辑了三条待办，切回在线后，只有第一条同步成功，后两条“消失”了。不是报错，不是卡死，就是发了个请求，然后石沉大海...

谁更灵活？谁更省事？ 最近给团队新搭一个组件库的发布流程，又翻出来 CLI 工具这事。不是那种“写个 hello world 就完事”的玩具 CLI，而是真要跑在 CI 里、要支持多环境配置、要能本地...

usedExports 没生效？打包后代码还是全量导出 今天上线前做体积分析，发现一个模块明明只用了 getUserId，结果整个工具函数文件 300 行全被打进了 bundle —— 而且 webp...

谁更灵活？谁更省事？Vitest、Jest 和 Cypress 的真实对比 我写这篇不是因为闲得慌，是上周又在 CI 上被 Jest 卡了 4 分钟——就跑 80 个单元测试，它自己先干起了“加载动画...

优化前：卡得不行 上个月上线一个后台数据看板，用户一刷页面就卡顿，不是“加载中”慢，是整个页面直接卡住1.5秒以上——连右上角的关闭按钮都点不动。更离谱的是，有些低端安卓机上，遮罩弹出来后，底下内容还...

先看效果，再看代码 我上周在做一个拖拽排序组件时，发现 Chrome 里 shift 键按下去没反应——不是键盘事件没监听到，而是 event.shiftKey 在某些场景下死活是 false。折腾了...

我的写法，亲测靠谱 性能对比这事，我干了快五年，从 Vue 2 到 React 18，再到最近折腾的 Solid 和 Qwik，踩过最多坑的地方不是框架语法，而是「怎么比才不算自欺欺人」。很多人一上来...

优化前：卡得不行 上个月上线一个数据看板，用 Stash 暂存用户筛选状态（比如时间范围、指标分组、排序字段），方便刷新后还原。结果一上线就被产品拉着连问三遍：“为啥点个筛选要等5秒才响应？”我打开控...

优化前：卡得不行 上线前压测，FinClip 小程序在低端安卓机上首屏加载要 5.2 秒，点个按钮要等 800ms 才响应，滑动列表直接掉帧——我真不是夸张，是用户反馈截图里写着“点了三次才跳转”。我...

我的写法，亲测靠谱 表单联动这事，我前后在三个中后台项目里反复折腾过：CRM的客户信息页、电商后台的SKU配置、还有个政府系统的多级审批表单。一开始我也用过各种“高大上”的方案——watch + co...

优化前：卡得不行 上周上线一个数据看板页，加载完要等5秒以上才能点按钮，滚动都掉帧。用户反馈说“点进去像在等重启”，我打开 Chrome DevTools 一录 Performance，直接傻眼：主线...

又踩坑了，setTimeout里调接口不执行？ 今天上线前测一个弹窗埋点，逻辑很简单：用户点击按钮 → 弹窗展示 → 立即上报一次曝光事件。结果我本地调试好好的，一上测试环境，曝光日志死活不发。Con...

项目初期的技术选型 去年下半年接了个后台运营系统重构，核心需求是「实时同步用户行为日志到 BI 看板」。一开始我真没想用消息队列——毕竟只是个内部系统，日志量预估也就每秒 30~50 条，直接写 My...

我的写法，亲测靠谱 Vite 用了一年多，从最早搭内部工具、到上线三个中型业务项目（含 SSR 和微前端），踩的坑够写半本《前端运维事故录》了。不吹不黑，Vite 真快，但快得有点“脆”——配置一错，...

先看效果，再看代码 上周上线一个新功能，前端调用后端接口，本地跑得好好的，一上测试环境就 404 —— 不是接口不存在，而是 OPTIONS 请求直接被 Nginx 拦了，连后端的门都没摸到。抓包一看...