博客

优化前：卡得不行 上周上线一个新功能后，用户反馈页面加载慢得离谱，尤其在低端安卓机上，白屏时间能到5秒以上。我一开始以为是打包体积太大，或者接口慢，结果 Lighthouse 一跑，发现「避免巨大的网...

先看效果，再看代码 上周我们线上一个内部管理后台突然被刷了大量异常请求，虽然没造成数据泄露，但日志里全是 403 和 500，差点把服务器打崩。事后复盘发现，前端其实能做点事——不是防攻击，而是快速感...

又踩坑了，媒体查询在移动端根本没生效 昨天改一个老项目的响应式布局，发现明明写了 max-width: 768px 的媒体查询，在手机上就是不触发。我盯着 Chrome DevTools 的设备模拟器...

为什么突然开始认真写语义化标签？ 上个月收尾一个内容型项目，主要是文章、产品介绍和用户评论这类信息密集型页面。一开始我也没太在意 HTML 结构，照旧用 <div> 套 <div&g...

我的写法，亲测靠谱 做移动端开发这几年，证书校验这事儿我踩过不止一次坑。尤其是混合开发（Hybrid）或者用 WebView 嵌入 H5 的场景，一旦后端 HTTPS 证书出点问题，前端直接白屏，用户...

先看效果，再看代码 上周做项目时，UI 给了个卡片堆叠的效果：几张图片错落叠在一起，点击最上面的能滑走，露出下面一张。我第一反应是用绝对定位 + z-index 硬撸，结果发现交互逻辑一复杂就乱套了—...

项目初期的技术选型 上个月做了一个数据可视化后台，客户要求能“在地图上圈出任意区域，然后筛选出该区域内的设备”。听起来简单，但实际一上手才发现坑不少。一开始我甚至想用现成的库，比如 Leaflet 或...

又踩坑了，Vue Router 的 middleware 顺序不对 昨天在搞一个权限控制的功能，用的是 Vue 3 + Vue Router 4，想在路由跳转前校验用户有没有权限。结果发现中间件（mi...

优化前：卡得不行 上周接手一个老 Ant Design Pro 项目，打开首页直接卡住 3 秒多，表格页滚动掉帧，切换菜单时明显卡顿。最离谱的是，登录后首屏加载时间飙到 5.2 秒（本地 dev se...

又踩坑了，Webpack Loader 返回值搞错类型 上周在给一个老项目加自定义 loader 的时候，死活跑不起来，控制台报了一堆莫名其妙的错误。折腾了半天才发现，问题出在一个我以为“肯定没问题”...

先看效果，再看代码 最近在优化一个老项目，用户反馈“点完按钮没反应”，其实不是没反应，是数据加载太慢，又没给 loading 状态。我赶紧加了个 loading 动画，结果发现坑不少。今天就聊聊我在实...

轨迹回放？别一上来就上高德地图 最近项目里又遇到轨迹回放的需求，不是那种简单的点对点动画，而是要能暂停、快进、拖动时间轴、还能实时显示当前速度和状态的那种。我第一反应是：“又来？上次用高德搞了三天，最...

先写个按钮试试水 我第一次用 Styled Components 的时候，其实根本没看文档，直接抄了同事一段代码： import styled from 'styled-components...

又踩坑了，Divider 分割线在 flex 布局里不显示 昨天改一个后台管理页面的列表布局，用的是 Ant Design 的 Divider 组件，结果加完之后发现分割线压根没显示出来。我一开始以为...

优化前：卡得不行 上周上线一个带复杂筛选+实时预览的配置页，用户一打开就卡住。不是“有点卡”，是那种鼠标移过去都掉帧、点个按钮要等半秒才有反应的程度。我本地开发时没感觉，因为数据量小，但一上测试环境，...

项目初期的技术选型 上个月接了个需求，要在移动端展示门店分布，用户能点进地图看具体位置、导航，还能筛选不同类型的门店。老板一开始说“用高德吧”，但后端同事顺手查了下百度地图的API文档，发现他们有个现...

Menu菜单方案，我到底该选哪个？ 最近在重构一个老后台系统，菜单组件要重写。之前用的是纯手写的 DOM 操作，改个样式能改到怀疑人生。这次我决定认真对比下主流方案：原生 JS 手写、React + ...

又踩坑了，publicPath 配错导致静态资源 404 上周上线一个新项目，本地跑得好好的，一部署到测试环境，所有 JS、CSS 全部 404。打开控制台一看，请求路径全是 /static/js/a...

我的写法，亲测靠谱 在做数据管理类项目时，导入导出几乎是绕不开的功能。我一开始也照着网上教程瞎搞，结果不是中文乱码，就是大文件直接卡死浏览器。折腾了几个项目后，总算摸出一套自己用着顺手的方案。核心原则...

先看效果，再看代码 最近在重构一个老项目的数据请求层，发现很多组件的 API 调用方式五花八门：有的用原生 fetch，有的封装了 axios，还有的直接在组件里写死 URL。改起来头疼得不行。于是花...