博客

项目初期的技术选型 这个需求其实挺简单：用户在搜索框里输入地址，自动补全候选列表。原本想用现成的第三方组件库，比如 Ant Design 的 AutoComplete，但产品提了个要求——需要接入我们...

先看效果，再看代码 我最近在一个品牌官网上做了个视差滚动的首页，客户说“要那种看起来贵一点的动效”。其实说白了就是要点视觉层次感。最后我用纯 CSS + 一点点 JavaScript 搞定了基础视差，...

说白了，WeakMap 就是拿来防内存泄漏的 我最近在重构一个组件库的时候，又碰上了那个老问题：DOM 节点绑定了数据，但组件销毁后这些引用还在，内存占用蹭蹭涨。以前都是靠手动清理，写一堆 destr...

我的写法，亲测靠谱 做移动端开发这几年，条件编译算是我天天打交道的东西了。尤其在 uni-app、Taro 这种跨端框架里，不同平台行为差异太大，不用条件编译根本活不下去。但我刚开始也是一头雾水，各种...

优化前：卡得不行 上周上线了个新功能，用户反馈说点按钮后页面会“卡一下”，有时候Toast弹出来半天才消失，甚至连续点几次直接把浏览器搞崩了。我自己试了下，确实离谱——在低端安卓机上，连续触发5次To...

先看代码，再扯别的 上周上线前一小时，测试小姐姐甩给我一个 bug：“密码明明没过期，为啥一直弹修改密码的框？” 我当场就懵了。查了半天后端接口、用户状态字段，最后发现是前端缓存了登录时间，自己算了个...

优化前：卡得不行 项目上线三个月，用户反馈越来越多，最常听到的就是“点不动”“转圈半天”“手机上直接卡死”。我自己拿安卓机试了下，首页加载列表从5秒到8秒不等，滑动过程中 Vuex 状态更新一卡一卡的...

性能对比？别一上来就跑分 我做前端这几年，最怕听到的一句话就是：这个方案和那个方案比一下性能呗。听着挺合理，但真做起来坑太多了。很多人一上来就用 console.time 包个函数，跑十次取个平均值，...

我的写法，亲测靠谱 权限刷新这事，说白了就是用户在页面上操作时，突然发现按钮点不了、菜单看不到了，或者数据接口403了——这时候你得让用户无感地重新拿一下权限配置，而不是直接弹个登录框把人踢出去。我一...

优化前：卡得不行 我接手这个项目的时候，前端是 Vue + TypeScript，后端是 Go 写的微服务，通过 gRPC 通信。本来以为这种组合性能应该不错，结果上线后用户反馈「列表加载慢」「操作没...

优化前：卡得不行 项目上线前做了一轮无障碍（Accessibility）合规改造，加了各种 aria-* 属性、role、focus management，本来以为没啥大影响。结果一测性能，直接傻眼—...

这破迁移方案整得我头大 上周上线前最后一天，本来以为万事大吉，结果测试组甩过来一个bug：线上老版本还能用的功能，新架构里直接挂了——某个嵌套很深的表单页面，动态字段不渲染了。当场血压拉满，因为这个功...

骨架屏又搞我心态了 今天上线前最后检查，发现首页加载时骨架屏闪一下就没了，用户根本没感觉到它的存在。本来是想优化首屏体验的，结果搞得像是出了bug——白屏都没这么尴尬。 一开始以为是接口太快，但本地跑...

项目初期的技术选型 这个项目是个中后台系统，页面里图标特别多，从导航菜单到操作按钮，再到状态标记，少说也得上百个。一开始我寻思着用 SVG 雪碧图吧，毕竟现在主流都推 SVG，性能好、可缩放、还能做动...

又踩坑了，滚动动画在手机上卡成PPT 前两天上线一个活动页，首页有个视差滚动的 banner，PC 上跑得好好的，结果一到安卓机上直接卡成 PPT。一开始以为是图片太大，压缩完发现还是不行。后来用 C...

打包优化：我到底该用哪个？ 最近又在搞构建优化，说实话这玩意儿每次上线前都得折腾一通。这次主要是解决首包太大、加载慢的问题，顺手把几个主流方案拉出来遛了遛。今天想聊的是三个我常用的手段：Code Sp...

又翻车了，空状态组件差点被产品退回重做 昨天上线前最后一刻，测试群里突然甩来一张截图：列表页数据为空的时候，页面直接白屏了。我第一反应是接口挂了，结果一查发现接口返回的是 []，结构没问题。问题出在—...

先写个表单，看看Schema怎么玩 上周在搞一个用户注册页，字段特别多，邮箱、手机号、密码强度校验、验证码倒计时、协议勾选……最烦的是产品经理隔两个小时就改一次字段规则。第一次我手写校验逻辑，改到第三...

项目初期的技术选型 最近在做一个面向一线门店的移动端运营后台，主要功能是让店长用手机看销售数据、员工排班和库存预警。本来是个简单的管理页，但客户坚持要在他们的内部App里通过WebView嵌入，这就埋...

优化前：卡得不行 项目上线前做了一轮性能压测，结果把我吓一跳。页面在中低端安卓机上滑动直接掉帧，首页首屏加载完之后还卡顿了差不多两秒，用户反馈“点不动”“页面发烫”。我自己拿台红米K30试了下，手指一...