博客

项目初期的技术选型 上个月接了个移动端 H5 项目，主要是做一套动态表单配置系统，前端要能实时预览不同字段组合的渲染效果。后端接口还没完全 ready，但 UI 和交互逻辑得先跑起来。这时候我就想到用...

优化前：卡得不行 上周改一个老项目的搜索组件，用户反馈“输个字等半天，结果还没出来”，我本地跑了一下——好家伙，输入框每敲一个字母，页面直接卡住 1 秒多，连续打几个字，浏览器直接白屏转圈。Chrom...

先看效果，再看代码 上周我接手一个老项目，打包后 vendor.js 高达 3.8MB，首屏加载直接卡成 PPT。打开一看，好家伙，import { Button, Input, Modal, Tab...

先上代码，再聊原理 最近给一个静态博客加 sitemap，折腾了小半天，最后发现其实就几行代码的事。但中间踩的坑可不少，尤其是时间格式和路径拼接那块，差点以为自己写错了。这里直接贴出我最终用的方案——...

移动端横屏时，我的响应式布局直接崩了 上周改一个老项目，本来只是加个新页面，结果在 iPhone 横屏模式下，整个布局直接糊成一团——导航栏挤到一半，图片溢出屏幕，按钮点都点不到。我一开始以为是媒体查...

为什么我又在折腾 Epic？ 最近项目里要搞一个带复杂状态流的交互模块，比如用户从首页滑动进入详情页，中间可能触发多个异步操作（加载数据、埋点、动画），还得支持中途取消或回退。这类需求用 Redux ...

为什么我又在折腾参数验证？ 最近重构一个老项目，发现接口里传的参数五花八门，有的字段明明是数字，前端传了个字符串；有的必填字段直接没传，后端也没拦住，结果数据库里一堆 null。我一查日志，好家伙，光...

我的写法，亲测靠谱 自从 Next.js 13 引入 App Router 和 Client Components 后，我折腾了不下三个项目，踩过一堆坑，也慢慢摸出了一套还算稳的写法。今天就聊聊我怎么...

先看效果，再看代码 我最近在优化一个图片密集型的页面，首屏加载慢得像老牛拉车。F12 一看，好家伙，一张 banner 图居然加载了 3MB 的高清图，而实际显示区域只有 600px 宽。这种浪费带宽...

项目初期的技术选型 去年年底接手一个内部管理系统，需求是做一套同时支持桌面和移动端的后台界面。团队人少，工期紧，老板还要求“看起来专业点”。我一开始想用纯 Vue + Element Plus，但测试...

我的写法，亲测靠谱 我用 PM2 部署 Node.js 项目已经快五年了，从一开始直接 pm2 start app.js 到后来折腾各种配置，踩过不少坑。现在我的标准做法是：永远用 ecosystem...

项目初期的技术选型 上个月在做一个后台管理系统的重构，里面有个需求：用户操作某些高危动作（比如删除数据、停用账号）时，得弹个警告提示，确认一下。本来以为就是个简单的 confirm 框，但产品经理说“...

为什么我又在折腾 iOS 的 touch 事件？ 最近一个移动端项目，用户反馈在 iOS 上滑动卡顿、点击没反应，甚至有些按钮点两次才生效。我一查，又是 Safari 的锅。iOS 的 WebKit ...

又踩坑了，权限系统里一堆 flag 判断卡到爆 上周改一个老项目，用户权限那块逻辑写得跟意大利面条似的。每个功能点都要判断用户有没有某个权限，比如“能不能导出数据”“能不能删除评论”，代码里全是 if...

先看效果，再看代码 最近在做一个后台管理页的详情展示，产品经理说“这个信息要一目了然，别堆成一团”。我第一反应就是上 Descriptions 描述列表。你懂的，那种左边 label、右边 value...

我的写法，亲测靠谱 搞前端这么多年，组件树这东西说简单也简单，说复杂也复杂。特别是在大型项目里，组件嵌套一深，状态一乱，调试起来简直想砸键盘。我一开始也是随便写，父传子、子调父，props 满天飞，e...

我的写法，亲测靠谱 做表单校验这么多年，我早就放弃了用框架自带的那套“看起来很美”的规则。尤其是自定义校验，很多人一上来就写个 validator: (value) => value.lengt...

核心代码就这几行 别被名字吓到，IntersectionObserver 用起来其实特别简单。我第一次用它做懒加载图片的时候，核心逻辑就不到 10 行。 先看最基础的用法：监听某个元素是否进入视口。比...

又踩坑了，数据驱动的表单联动怎么这么难搞 上周做后台管理系统，遇到一个看起来很简单的功能：用户在下拉框选了某个分类，下面的子选项要自动更新。我心想，这不就是个 basic 的 data-driven ...

优化前：卡得不行 上个月接手一个老项目，首页有个“锚点导航”功能，点击侧边栏的链接会平滑滚动到对应区块。听起来很基础对吧？但实际体验——简直灾难。我用 iPhone 12 测试，手指一碰链接，页面卡顿...