博客

先看效果，再看代码 上周上线一个新功能，后端同事突然说：“前端加个请求头验证，不然接口不安全。”我一开始以为就是加个 Authorization 就完事了，结果折腾了半天才发现，事情没那么简单。今天就...

支付回调页面白屏？折腾半天发现是 history 模式惹的祸 上周上线一个新功能，用户在 H5 页面里用微信支付，支付完跳回我们的结果页。结果测试同事一脸懵地跑来问：“为啥支付成功了，回来却是个白屏？...

先看效果，再看代码 最近做了一个长列表页，用户一滑到底，页面卡得像PPT。我一开始以为是数据量太大，后来发现其实是滚动事件没处理好。折腾了两天，终于把帧率从15拉到60，亲测有效。今天就把实战经验分享...

优化前：卡得不行 上周上线一个新功能后，用户反馈“页面打不开”“转圈半天”“手机差点烫了”。我本地跑起来也发现，首页加载时间直接飙到5秒以上，首屏内容白屏严重，Lighthouse评分掉到30多分。说...

先跑起来再说，别纠结理论 我第一次接触 Capacitor 时，其实根本没搞懂它和 Cordova 有啥区别。但项目 deadline 压着，只能先动手。结果发现：真香。 Capacitor 的核心优...

FigJam 嵌入方案怎么选？我折腾了三天后决定用这个 最近项目里要嵌入 FigJam 板块，让团队能直接在内部系统里协作白板。说实话，一开始我以为就一个 iframe 搞定的事，结果踩了一堆坑。Fi...

我的写法，亲测靠谱 Service Worker（SW）这东西，用好了能让你的 PWA 飞起来，用不好……页面缓存乱成一锅粥，用户看到的永远是旧内容。我折腾过好几个项目，踩过不少坑，现在基本形成了一套...

为什么我最近总在微前端里折腾 wujie？ 去年我们项目开始搞微前端，主应用是 Vue3，子应用混着 React、Vue2、甚至老 Angular。一开始试了 qiankun，确实成熟，但每次子应用加...

优化前：卡得不行 上个月我们项目里加了个全局 Tooltip 组件，本来以为就是个简单的小功能，结果上线后用户反馈“鼠标一划就卡”，“页面滚动都变慢了”。我一开始还不信，本地跑起来也挺顺的，直到在低配...

我的写法，亲测靠谱 点击穿透（Click-through）这个问题，我最早是在一个移动端弹窗项目里踩的坑。用户点完“确定”按钮，弹窗关闭了，但底下的列表项也跟着被点中了——明明手指只点了一次，却触发了...

优化前：卡得不行 上周上线一个新功能，用户反馈页面加载慢得离谱。我本地跑起来也是一样——首页白屏 5 秒多，F5 刷新后还经常卡死。打开 DevTools 看 Network，好家伙，光第三方 JS ...

核心代码就这几行，但别小看它 去年我接手一个在线考试系统，客户特别强调“不能让人调试代码，否则题库就泄露了”。一开始我嗤之以鼻：前端代码哪有真正防得住的？但后来发现，虽然不能100%防住，但加点“门槛...

我的写法，亲测靠谱 Early Hints（103 Early Hints）这玩意儿我最早是在一个首屏加载特别慢的项目里试水的。当时用户一打开页面，白屏得能煎蛋，Lighthouse 评分惨不忍睹。后...

优化前：卡得不行 上周上线一个新功能，用户配置数据全塞进 LocalStorage，结果 QA 一测直接炸了：“页面加载卡成 PPT，滚动都掉帧！” 我一开始还不信，本地开发环境跑得挺顺啊。结果一上测...

我的写法，亲测靠谱 做前端这么多年，进度提示这玩意儿看着简单，真到项目里一上手，坑多得能埋人。我一开始也图省事，直接套个现成的 UI 库组件，结果用户反馈“卡死了”“没反应”，查半天才发现是进度逻辑没...

WeakMap 到底该用在哪？我踩过的坑和选型逻辑 最近在重构一个组件库的状态管理模块，又碰到了 WeakMap。说实话，这玩意儿我用了好几年，但每次用都得重新翻文档——不是记不住语法，而是搞不清它到...

为啥要搞微前端？ 去年接手一个老后台系统，技术栈是 Vue 2 + Element UI，跑得好好的，但业务部门突然要加一堆新功能，而且要求用 React 重写。我一听就头大——全盘重写成本太高，不重...

拖拽这事儿，我试过三种方案，最后只用一种 最近在搞一个移动端的组件库，里面有个卡片拖拽排序的功能。说起来简单，但真做起来才发现，移动端的拖拽比桌面端麻烦多了——既要处理 touch 事件，又要防滚动冲...

优化前：卡得不行 上周上线一个新页面，测试同事一打开就喊：“这加载也太慢了吧！”我本地跑着还行，但到线上环境，首屏资源依赖了好几个第三方域名——比如 CDN、统计脚本、还有几个跨域的 API 接口。用...

项目初期的技术选型 上个月接手一个老项目重构，前端是纯 React + Webpack 的 SPA，打包后体积快 3MB 了（gzip 前）。用户反馈首屏加载慢，尤其在低端安卓机上直接卡成 PPT。团...