博客

Externals 是啥？先看一段让我省了 200KB 的配置 上周我重构一个老项目，打包体积大得离谱，光是 React 和 Lodash 就占了快 300KB。产品经理还在催加载速度，我一拍脑袋：这...

为什么我要折腾3D地图？ 最近接了个需求，要在网页里嵌个3D地图，展示城市建筑和数据分布。老板说“要酷一点”，产品经理说“最好能旋转缩放”，设计师甩过来一张Figma图，上面全是立体楼宇和飞线动画。我...

项目初期的技术选型 上个月接了个后台管理系统改造的活，需求里有个“点击行内字段直接弹窗编辑”的功能。一开始我以为就是个普通的模态框 + 表单，用现成的 UI 库（比如 Ant Design 或 Ele...

我的写法，亲测靠谱 做前端这几年，Report生成（报表导出）这活儿我干过不下十次。每次需求看起来都差不多：点个按钮，导出PDF或Excel，数据来自表格或者图表。但真上手后，坑一个接一个。折腾多了，...

我的写法，亲测靠谱 在做性能优化时，preload 是我最常拿来“救急”的手段之一。特别是首页加载卡顿、关键资源延迟渲染的问题，加个 preload 往往立竿见影。但说实话，一开始我也踩过不少坑——不...

为什么我非要折腾集成测试方案？ 说实话，我一开始对集成测试是有点抵触的。单元测试写得飞起，E2E 用 Cypress 跑个冒烟也行，但“集成测试”这四个字总让我觉得模糊又鸡肋。直到上个项目，一个看似简...

优化前：卡得不行 上个月上线一个新功能，用户反馈“点发布按钮后页面直接卡死，等了五六秒才跳转”。我一开始以为是后端接口慢，结果打开 DevTools 一看，Network 面板里 API 响应其实就 ...

又踩坑了，拖拽表格行排序居然这么难搞 上周接到一个需求：在管理后台的表格里支持拖拽行排序。听起来很简单对吧？不就是加个拖拽功能嘛。结果我折腾了整整一天半，才把体验做得勉强能用。今天记录下踩过的坑，省得...

我的写法，亲测靠谱 做移动端项目这几年，刘海屏、挖孔屏、水滴屏……各种异形屏层出不穷。最开始我以为加个 viewport-fit=cover 就万事大吉了，结果上线后用户反馈“顶部被遮挡”“按钮点不到...

为啥我要对比这些方案？ 最近一个项目要从纯 Web 转成能上 App Store 的混合应用，老板说“别搞太复杂，但得能跑”。我第一反应就是 Capacitor —— 毕竟 Cordova 太老，Re...

资源压缩这事，我踩过太多坑了 最近重构一个老项目，打包体积大得离谱，首屏加载慢得像蜗牛。老板问“能不能再快点”，我只能苦笑。其实资源压缩这事，说简单也简单，说复杂也复杂——工具一堆，配置五花八门，但真...

优化前：卡得不行 上个月接手一个老项目，首页加载慢得离谱。用户点进去，白屏5秒起步，滚动还卡成PPT。我本地跑 dev 环境都忍不住想关掉 tab。最离谱的是，明明页面结构不复杂，就是一堆卡片列表，但...

项目初期的技术选型 最近在做一个视频课程平台的前端重构，核心需求是支持自定义样式的视频播放器，能嵌入到各种页面结构里，还要兼容移动端。一开始我直接用了原生 <video> 标签加点 CSS...

先上代码，再聊细节 我写 Vue 项目的时候，最常用也最容易翻车的，就是绑定语法。别看文档里写得轻描淡写，实际一用就各种“怎么不生效”“数据变了视图没变”。今天我就把这几年踩过的坑、亲测有效的写法，一...

项目初期的技术选型 上个月搞一个内容密集型的中后台系统，页面里塞了十几张图表、一堆懒加载图片、还有几个实时数据卡片。用户反馈“打开慢得像卡碟”，我一开始以为是接口慢，结果 Network 面板一开，发...

我的写法，亲测靠谱 用了 Riverpod 一年多，从早期的混乱状态到现在项目里基本能稳住，中间踩了不少坑。今天就聊聊我目前在实际项目中最常用的写法，不是教科书那种“理论上最优”，而是“改得少、出问题...

为什么我要折腾 block-all-mixed-content 这个东西？ 事情是这样的，上个月我们上线了一个新项目，HTTPS 全站强制开启，结果 QA 一测，发现部分老页面里的图片、脚本居然还是 ...

优化前：卡得不行 上个月接手一个老项目，首页加载完后点个按钮，居然卡了快5秒才响应。我一开始以为是网络问题，结果本地 dev server 也一样慢。打开 Chrome DevTools 的 Perf...

Early Hints 到底值不值得上？我折腾完的真实体验 去年我在一个首屏加载慢得离谱的项目里试了 Early Hints，本来以为就是加个 header 的事，结果折腾了三天才跑通。今天这篇就聊聊...

我的写法，亲测靠谱 打包优化这事儿，说大不大，说小不小。项目一上规模，首屏加载慢得像卡碟，用户直接关页面走人。我之前接手一个老项目，初始包快 3MB，gzip 后还有 800KB+，光 vendor ...