博客

我的写法，亲测靠谱 做移动端支付回调这几年，我踩过的坑能绕办公室三圈。最开始我以为就是接个 URL 参数、跳个页面完事，结果上线后用户付款成功却卡在“处理中”，客服电话被打爆。后来才明白，支付回调这事...

我的 Monorepo 写法，亲测靠谱 我折腾 Monorepo 已经快三年了，从一开始用 Lerna 硬扛，到后来迁移到 pnpm + workspace，踩过的坑能写半本《前端避雷手册》。现在项目...

项目初期的技术选型 上个月搞一个中后台管理系统，页面多、模块杂，用户经常在首页点来点去，跳转到各种子页面。产品提了个需求：希望用户点开新页面时“快一点”，别卡半天。一开始我直接上了路由懒加载 + co...

为什么我要对比 Nuxt 的这些方案？ 最近一个项目从纯 Vue 3 迁移到 Nuxt，结果发现光是“怎么组织页面”这件事，就有好几种写法。Nuxt 3 推出后，官方文档里混着 Composition...

优化前：卡得不行 上周上线一个新页面，字体用的是自定义的 Inter 和一个中文思源黑体。本地开发跑着挺顺，但一上测试环境，用户反馈“白屏好几秒”“字突然蹦出来吓一跳”。我自己打开 Lighthous...

3D地图上点不准？我差点把鼠标摔了 上周做个项目，要在 3D 地图上点选某个区域高亮，结果手指（或者鼠标）点哪儿都不对。明明点在建筑上，结果触发的是隔壁街区的事件。调试一整天，越调越懵，最后发现是坐标...

我的写法，亲测靠谱 WeakMap 和 WeakSet 这俩东西，我一开始总觉得“高大上但用不上”，直到某次内存泄漏排查到凌晨三点，才意识到它们真能救命。现在我几乎在所有需要“私有数据”或“临时缓存”...

先看效果，再看代码 说实话，Footer 这东西看起来简单，但真做起来坑不少。我一开始也觉得不就是页面底部放点版权信息、链接啥的嘛，结果上线后各种对齐问题、移动端适配翻车、甚至在某些浏览器里直接“消失...

为什么选 Three.js？因为老板说要“炫一点” 上个月接了个活，给一个产品页加个3D展示模块。客户没给具体需求，就一句话：“要有点科技感，能转的那种”。我一听就知道逃不掉了——得上 Three.j...

项目初期的技术选型 上个月接了个H5活动页的活儿，甲方要求快速上线，页面要适配各种安卓机，还得支持微信内置浏览器。说实话，这种项目最头疼的不是功能复杂，而是调试——真机上根本看不到 console.l...

又踩坑了，Trusted Types 报错把我拦在了 CSP 门外 上周上线一个新功能，本地跑得好好的，一部署到测试环境，控制台直接炸了：Uncaught TypeError: Failed to s...

我的写法，亲测靠谱 在用 CSS Modules 的这几年里，我折腾过好几种写法，最后稳定下来的这套方案，是踩了无数坑后总结出来的。核心就一点：类名尽量语义化，但别过度设计；结构清晰，但别搞复杂。 我...

先看效果，再看代码 最近项目里要快速搭一个后台配置页，产品经理说“能不能让用户自己拖拽生成表单”，我第一反应是：又来？但这次我不想手写一堆动态渲染逻辑了，直接上 Low Code 方案。折腾了两天，亲...

又踩坑了，移动端滑块拖不动 昨天改一个商品筛选页的滑块组件，本来以为就是个简单的 range input 替换，结果在真机上一测，手指拖动根本没反应——不是卡顿，是完全没触发。我一开始还以为是 z-i...

先上代码：懒加载图片亲测有效 我之前做的一个项目首页加载巨慢，首屏白屏将近3秒。打开 Network 一看，好家伙，几十张高清图一股脑全在 HTML 里用 <img src="..."> ...

先上代码，再聊细节 最近项目里又用到了 Cascader 级联选择器，说实话这东西看着简单，真要搞顺手还是得折腾一阵子。我直接贴个最常用的写法——基于 Element Plus 的 Vue 3 实现：...

先看效果，再看代码 最近在重构一个老项目，团队里新来的同事提了个 PR，箭头函数写得五花八门：有的带括号，有的不带，还有的单参数加了括号但多参数又没加。我一看就头大，赶紧在 Prettier 配置里加...

项目初期的技术选型 上个月接了个老项目重构，前端资源包体积大得离谱——首屏 JS 超过 1.8MB，CSS 近 500KB。用户反馈加载慢，尤其在弱网环境下基本要等 5 秒以上。团队内部讨论后，决定先...

为什么我最近老在折腾 Stack 堆叠？ 上周改一个卡片堆叠的交互组件，产品经理说“要像抖音那样滑动切换”，我一开始以为很简单，结果发现不同方案写起来差别巨大。有的用绝对定位硬怼，有的靠 CSS tr...

又踩坑了，Redux状态更新后组件不重新渲染 昨天改一个老项目，加了个筛选功能，结果死活不生效。点完筛选按钮，Redux里的状态明明变了，但页面上就是不动。我盯着 DevTools 里 Redux 的...