博客

项目初期的技术选型 上个月接了个需求，要做一个移动端的滑动卡片交互，用户上下滑动可以快速切换内容，类似 Tinder 那种。产品经理说“要丝滑”，设计师给了个 Figma 文件，里面全是过渡动画和手势...

为什么我要折腾 Android 支持？ 最近接手一个老项目，要在移动端做兼容，尤其是 Android 机。本来以为就是加点 viewport、meta 标签完事，结果一测发现各种 touch 事件乱飞...

项目初期的技术选型 去年底接手一个后台管理系统，需求里有一条：用户操作后需要实时收到通知，比如审批通过、数据导出完成之类。一开始我直接想到 WebSocket，但团队里有人提了 Server-Sent...

为什么选 Vue Element Admin？ 去年接了个内部管理系统，需求急、人手少，老板说“两周上线第一版”。我翻了翻手头的模板，Vue Element Admin（VEA）成了最省事的选择——开...

为什么我又在折腾类型检查？ 最近重构一个老项目，代码里全是 any 和隐式转换，调个接口传错字段都能跑通，直到上线才报错。我忍不了了，决定把类型检查搞起来。但选型时又犯难了：TypeScript、JS...

项目初期的技术选型 上个月我们接了个新需求：把一个内部管理后台的用户行为日志上报系统做安全加固。说白了，就是防止第三方网站通过 document.referrer 拿到我们页面的敏感路径。比如，用户从...

为什么选 JSON Schema？ 上个月搞一个动态表单配置后台，需求挺杂：用户要能自定义字段类型、校验规则、联动逻辑，甚至支持嵌套结构。一开始我用纯 JS 对象硬编码校验逻辑，结果三天后就改不动了—...

百分比布局？别被名字骗了，它没你想的那么简单 最近在重构一个老项目，移动端适配问题又冒出来了。产品经理说“这个页面要在各种手机上看起来都差不多”，我心想：行吧，那就用百分比布局呗。结果一动手才发现，百...

优化前：卡得不行 上个月接手一个老项目，APP里的支付流程跑起来简直像在泥里走路。用户点“去支付”，页面白屏3秒起步，中间还卡顿好几次，最后跳转到微信或支付宝的时候又慢半拍。测试同学直接甩我一句：“这...

优化前：卡得不行 上周上线一个新功能，用户反馈“点一下要等好几秒才反应”，我一开始以为是后端接口慢，结果打开 DevTools 一看，Network 里 API 响应才 200ms，但整个页面从点击到...

优化前：卡得不行 上周上线一个后台管理系统，用户反馈“页面一开就卡死”，我一开始还不信——本地跑得好好的啊。结果一连上测试环境，我也傻眼了：首页加载完，鼠标动一下都卡顿，滚动条拖不动，点击按钮要等两三...

项目初期的技术选型 去年底接了个数据看板类的项目，客户要求实时展示后台数据变化，比如订单状态更新、库存变动这些。一开始我本能地想用 WebSocket，但后端同学说他们用的是 SSE（Server-S...

为什么我要对比这几个 Leaflet 的交互方案？ 最近在搞一个带地图的后台系统，需求是：用户点地图上的标记，弹出信息窗；长按标记能进入编辑模式。听起来简单，但实际做起来发现，Leaflet 虽然轻量...

优化前：卡得不行 上周上线一个新功能，页面里一堆参数筛选器：日期范围、状态多选、分类下拉、关键词搜索……全靠 URL 的 searchParams 同步。结果 QA 一测就喊：“点一下筛选，页面卡两秒...

又踩坑了，Server Components里useEffect直接报错 今天上线前测一个新页面，突然控制台炸出一行红字：React Hook "useEffect" is called in a c...

先看效果，再看代码 上周上线一个后台管理页，打包后 vendor.js 有 1.2MB。我盯着 webpack-bundle-analyzer 的饼图看了三分钟，叹了口气——又来了。 点开一看，lod...

先看效果，再看代码 我上周上线一个活动页，iOS上点按钮总要等300ms才响应——用户点完第一下没反应，下意识又点一次，结果触发了两次提交。后台直接报警，运营妹子在群里艾特我：“你那个抽奖按钮是不是卡...

优化前：卡得不行 上周上线了个新活动页，H5+Vue3+Vite，本地开发跑得飞起，iOS模拟器也丝滑。结果一上真机——安卓机直接卡成PPT，华为Mate40 Pro打开要等5秒才渲染出首屏，滑动列表...

history.pushState之后，后退按钮不触发popstate？我懵了两小时 今天上线前做兼容性测试，发现一个诡异问题：用户从首页点进详情页（用了 history.pushState），再点返...

优化前：卡得不行 上周上线一个新功能，CI/CD 流水线突然开始“呼吸困难”——每次 push 之后，Git Hooks 里跑的 git commit --amend + 自动 lint-staged...