博客

优化前：卡得不行 上周上线一个新功能，用户点击头像弹出个人资料气泡（Popover），结果测试一反馈：“点一下卡两秒，滚动页面直接掉帧”。我一开始还不信，本地跑着挺顺的啊。结果一上真机，好家伙，iOS...

优化前：卡得不行 上个月上线一个新功能，用户反馈页面加载慢得像蜗牛爬。我一开始以为是后端接口慢，结果打开 DevTools 一看，好家伙，白名单校验那段逻辑直接把主线程堵死了——页面卡顿、滚动掉帧、点...

先跑个函数再说 说实话，我第一次接触 Serverless 时，脑子里全是“这玩意儿到底能干啥”。文档看了半天，不如直接上手写个函数。所以今天咱们不扯概念，先搞个能跑的。 我用的是 Vercel（部署...

插件开发的几种主流方案，我踩过坑后的真实感受 最近在搞一个移动端 H5 项目，需要封装几个通用功能（比如图片预览、手势滑动切换、自定义 toast），自然就想到写成插件。但用什么方式写？原生 JS？V...

先扔个最简单的例子：MDX 真的能写 React 组件 我第一次用 MDX 的时候，以为它只是 Markdown 加点语法糖。结果一上手才发现，这玩意儿直接把 Markdown 文件变成了 React...

PerformanceObserver 报错？原来 entryTypes 是个坑 上周在搞一个性能监控模块，想用 PerformanceObserver 来收集页面的 LCP、FID 这些指标。结果一...

项目初期的技术选型 去年做了一个数据密集型的管理后台，页面上要同时加载几十个图表、表格和状态面板。一开始图省事，每个组件都自己发请求，结果一进页面浏览器直接卡住，network 面板里一堆 pendi...

项目初期的技术选型 上个月接了个需求，要做一个带复杂交互的表单页，里面包含动态增删字段、实时校验、以及一个能拖拽排序的列表。一开始我下意识想用 React 的状态管理（比如 useState）来搞一切...

优化前：卡得不行 上周重构一个中后台项目，用的是 Vite 4 + Vue 3。本地开发跑起来还行，但一部署到测试环境，首页加载直接卡成PPT——首屏白屏5秒多，用户反馈“是不是挂了”。我点开控制台一...

核心代码就这几行 拖拽排序这东西，我做过不下五次。每次一开始都想着“自己写个原生的吧”，结果折腾半天，不是滚动失效就是 touch 事件冲突，最后还是乖乖用现成方案。但如果你只是想快速实现一个列表拖拽...

前端质量评估，我为啥最终只用 Lighthouse + 自定义规则 最近团队搞了一波性能优化，老板要求“可量化、可追踪、能进 CI”，于是我们开始折腾各种前端质量评估方案。市面上主流的就那么几个：Li...

SVG 图标加载慢？我差点被设计师骂死 上周改一个老项目，首页一堆 SVG 图标，用户反馈“打开像卡住了一样”。我一开始没当回事，心想不就是几个小图标嘛。结果自己测了下——好家伙，首屏加载居然多了 1...

我的写法，亲测靠谱 用 Koa 有几年了，从早期的 Koa 1 写 generator 到现在 async/await 满天飞，踩过不少坑。说实话，Koa 本身很轻，但正因为轻，很多东西得自己搭，一不...

协同编辑光标乱跳？我差点被 OT 算法整崩溃 上周做个多用户实时文档编辑功能，本来以为用个现成的库就完事了，结果一上线测试，光标位置各种乱跳，删着删着别人的字没了，自己打的字跑到别人段落里……简直灾难...

优化前：卡得不行 上周重构一个老项目，本地 dev server 启动一次要 5 秒多，HMR 更新更是慢到怀疑人生。改一行代码，等 3 秒才热更新，同事都快睡着了。我一开始以为是 Babel 插件太...

项目初期的技术选型 上个月接了个内部工具项目，需求是批量执行一组 API 调用，每个请求的参数不同，但结构类似，还要支持失败重试、结果导出、执行日志。一开始我直接想用 Postman 的 Collec...

微服务拆分后，我差点被通信问题搞崩溃 去年我们团队把一个单体应用拆成微服务，前端也跟着调整。一开始觉得不就是多调几个接口嘛，结果上线第一天就炸了——用户登录后首页白屏，控制台一堆跨域错误。折腾到凌晨三...

优化前：卡得不行 上个月我们团队的前端 CI/CD 流水线跑一次构建要 5 分多钟，每次提 PR 都得等半天才能看到检查结果。最离谱的是，有时候改了个文案，整个 pipeline 还是把所有依赖重新装...

我的写法，亲测靠谱 用 TDesign Mobile 有段时间了，从一开始照着文档抄，到后来自己踩了一堆坑，现在终于能写出不那么别扭的代码了。今天就分享几个我反复验证过的写法，特别是那些“看起来没问题...

操作日志突然不记录了？原来是埋点被拦截了 上周上线一个新功能，结果第二天产品就跑来问：“用户操作日志怎么少了快一半？”我第一反应是后端接口挂了，赶紧去查监控。结果发现接口调用量确实掉了一大截，但前端页...