博客

我的写法，亲测靠谱 在项目里引入 lint-staged 已经好几年了，从一开始照着文档抄配置，到后来踩了一堆坑，现在总算摸出一套自己用着顺手的写法。我现在的配置核心就一条：只处理 Git 暂存区的文...

项目初期的技术选型 上个月接手一个后台管理系统的重构，其中一个模块需要大量使用下拉菜单（Dropdown）。一开始觉得这不就是个基础组件嘛，随便找个 UI 库套一下就行。但产品提了几个需求让我有点头疼...

又踩坑了，touchmove被劫持导致滚动失效 最近在做移动端的一个滑动组件，本来以为就是监听个 touchmove 事件，结果上线后一堆用户反馈“页面卡住不能滑动”。折腾了半天才发现，是我在某个子元...

优化前：卡得不行 上周改一个商品列表页，用的是纯 Flexbox 布局，横向滚动 + 动态加载。本地跑着没啥问题，结果一上真机（特别是低端安卓机），滑动直接卡成 PPT，手指一松就停住，根本不像个现代...

我的写法，亲测靠谱 我在项目里用 Feature-Policy（现在叫 Permissions-Policy 了，但很多人还是习惯叫老名字）已经好几年了。说实话，一开始根本没搞懂这玩意儿到底有啥用，直...

Plotly 图表在移动端拖拽缩放失效，折腾半天才找到原因 上周在做一个数据看板项目，用 Plotly.js 渲染几个关键指标的趋势图。本地开发时一切正常，鼠标拖拽、滚轮缩放都好使。结果一上真机测试，...

为什么选 Naive UI？ 上个月刚收尾一个内部管理后台，技术栈是 Vue 3 + Vite + TypeScript。UI 库选型时纠结了好久，Element Plus 太重，Ant Design...

有损压缩？别被名字吓到，其实就那么几种靠谱方案 最近项目里图片加载慢得离谱，用户反馈“点开页面等三秒才出图”，我一查，好家伙，首页 banner 图平均 3MB 起步。产品经理还振振有词：“高清大图才...

灰度发布？先上代码，再聊原理 上周我们上线一个新功能，老板说“别全放，先给10%用户试试”，我一拍脑袋：得，又得搞灰度发布了。说实话，一开始我以为就是加个开关，后来发现没那么简单。折腾了两天，踩了好几...

我的写法，亲测靠谱 搞前端这些年，CSP（Content Security Policy）报告这事儿我踩过不少坑。早期光配个 report-uri，后来发现它被废弃了，得换成 report-to。但光...

又踩坑了，弹窗一出来背景还能滚 上周做移动端项目，搞了个全屏弹窗，结果测试一提：「你这弹窗打开的时候，底下页面还能滑动，手指一划就滚走了，体验贼差」。我一开始还不信，自己试了下——好家伙，真能滚！明明...

优化前：卡得不行 上个月接手一个 SvelteKit 项目，首页加载时间动不动就 4-5 秒，用户反馈“点进去以为页面挂了”。我自己本地 dev 模式跑起来也慢得离谱，首屏白屏时间长，滚动还卡顿。尤其...

为什么我又在折腾 Taro 的状态管理方案？ 最近接手一个新项目，技术栈定的是 Taro + React，目标平台是微信小程序和 H5。一上来就面临一个老问题：状态管理用啥？Taro 本身不强制绑定任...

又踩坑了，FormData 上传文件居然没带上字段 上周做后台表单提交，带文件上传那种，前端用 FormData 拼数据发给后端。结果后端同事一脸懵：“文件收到了，但其他字段全空。” 我当时就纳闷了，...

优化前：卡得不行 上周上线一个新功能页，用户反馈“点进去半天白屏”，我本地 dev server 跑着没感觉，结果一上生产环境，手机端加载居然要 5 秒多。首屏内容全是文字加几张图，按理说不该这么慢。...

先看效果，再看代码 做前端这些年，Select 组件看似简单，但真要写得顺手、兼容性好、还能支持搜索和异步加载，其实挺折腾的。我一开始也直接用原生 <select>，结果产品说“能不能加个...

优化前：卡得不行 上周上线一个数据可视化模块，用户反馈“点一下卡三秒”，我本地跑起来也确实离谱——加载 5000 条带坐标的轨迹数据，主线程直接卡死，页面白屏近 5 秒。滚动、点击全无响应，连 Dev...

又到抓包环节了，Fiddler 到底怎么选？ 最近在做移动端接口调试，老问题又来了：本地怎么代理手机流量？我试过好几种方案，有 Fiddler Classic、Fiddler Everywhere，还...

又踩坑了，iOS Safari 里 fixed 元素滚动抖动 上周改一个移动端的弹窗组件，本来以为就是个简单的 fixed 定位加个 overlay，结果在 iOS Safari 上一测，整个页面疯狂...

为什么我还在纠结 Xcode 的打包方案？ 最近项目上线前，又在 Xcode 的构建配置上折腾了大半天。不是代码写得有多复杂，而是每次选构建方式、签名策略、自动化脚本的时候，总得在几个方案里反复横跳。...