博客

又踩坑了，touchmove滚动失效 今天早上上线前最后测一遍功能，发现列表页的无限滚动在 iOS 上完全不工作。安卓上好好的，PC 上也没问题，就 iPhone 微信和 Safari 里，滚到页面底...

又踩坑了，iOS VoiceOver 滑动切换页面直接失效 上周上线了个 H5 活动页，主打大屏滑动展示，左右滑动手势切换内容。功能测得挺顺，Android 上用 TalkBack 切换也正常，结果灰...

先看代码，再聊原理 上周上线前突然被安全团队叫住，说我们 App 的 HTTPS 请求没做证书固定（SSL Pinning），存在中间人攻击风险。我心想：不是用了 HTTPS 吗？怎么还不安全？ 但没...

我的写法，亲测靠谱 我一般写 throttle 都用这个版本，简洁、稳定、边界情况处理得也干净。直接上代码： function throttle(func, delay) { let timerId ...

先上代码，直接能用的版本 上周上线一个表单页，产品经理说“用户填了半天内容，一不小心关了浏览器就没了，能不能自动保存？” 我一开始想：不就是定时存 localStorage 吗？5分钟写完交差。结果上...

Proxy代理这玩意儿，真不是随便配个路径就完事 做前端这几年，只要项目一上规模，躲不开的就得搞 Proxy。尤其是现在前后端分离成了标配，本地开发时请求后端接口跨域，不整点代理根本没法干活。我试过好...

我的写法，亲测靠谱 说到垃圾回收（GC），很多人觉得这是浏览器的事儿，我们前端只要写好代码就行。但我在实际项目里踩过太多次坑了——内存飙到 1G、页面卡死、频繁 GC 导致帧率暴跌。后来我开始关注 G...

优化前：卡得不行 说实话，一开始根本没把 SSL 当性能问题看。直到我们线上一个管理后台，首页加载动不动就 5 秒起，用户点进去直接刷新三次，客服都快被打爆了。我本地跑得好好的，但一上生产环境就拉胯，...

说在前面：为啥要整这出对比？ 最近我们项目上线前搞安全扫描，团队里对用啥工具吵了一通。有人坚持上商业方案，觉得省事；有人想自研加开源拼一拼，成本低。我作为前端负责人之一，最后还是得自己动手试一遍。 所...

XMind？不就是画个思维导图吗 我一开始也这么想。项目启动会，产品经理甩出一个 XMind 文件，结构清晰、逻辑分明，我当时还挺佩服——这玩意儿真挺香。 后来我自己开始用，才发现：好家伙，这玩意儿不...

优化前：卡得不行 我接手这个 Cordova 项目的时候，第一感觉是——这玩意儿真能上线？页面切换像幻灯片，滑动列表手指都累，首页加载直接5秒起步。用户反馈最多的就是“点不动”“闪退”“卡死”。不是夸...

优化前：卡得不行 上周我们上线了一个新的 H5 商城活动页，本来以为能稳了，结果刚推到线上就被运营打爆电话——“用户投诉点按钮没反应，好多人下单失败”。我打开手机试了下，心凉了半截：点击商品加购按钮，...

我的写法，亲测靠谱 空状态组件这东西，看着简单，真在项目里用起来，坑可真不少。我最早就是随便搞个 div 套句话完事，后来被产品怼了好几次：这个太丑了、没情感、用户不知道下一步干嘛……折腾了几轮后，现...

我为什么非得搞懂Renderer进程这堆事？ 说白了，是因为项目里开始上Electron了。我们团队最近在做一个桌面端的编辑器工具，基于Electron + Vue，结果一上来就被Renderer进程...

优化前：卡得不行 项目上线半年，用户反馈越来越多：首页加载慢、点击按钮半天没反应、手机上直接卡死。我自己用低端安卓机试了下，点个菜单要等两秒才弹出来，瀑布流页面一滚动就掉帧，简直没法用。首屏时间测了下...

项目初期的技术选型 这项目是个后台管理系统，要做一个地址选择功能，用户得从省、市、区三级里挑位置。本来想用三个下拉框联动，但产品给的原型是那种弹窗式级联菜单，点一下省，滑出市，再滑出区，体验更顺滑。没...

优化前：卡得不行 上周项目上线前例行做一次依赖安全扫描，顺手跑了下 yarn audit，结果我直接懵了。这命令跑起来跟死机一样，终端卡住五六秒没反应，然后一堆警告刷屏，最后等它结束——整整 42 秒...

项目初期的技术选型 上个月接了个后台管理系统的重构需求，老系统是 jQuery 堆出来的，DOM 操作乱得像一锅粥。这次想用现代一点的方式搞，React + Ant Design 搭架子，但有个关键问...

项目初期的技术选型 这项目是个后台数据看板，左侧是菜单，右侧是主内容区。客户提了个需求：希望滚动条能自定义样式，原生的那种又粗又丑的没法看。我一开始想，不就是改个滚动条吗，CSS 伪元素搞一下 ::-...

线上突然报警，用户说按钮点不动 周五下午本来准备摸鱼下班了，结果群里突然炸了：好几个用户反馈在某个页面点击购买按钮没反应。一开始以为是网络问题或者接口挂了，查了一圈发现接口正常，日志里也确实有请求打进...