博客

优化前：卡得不行 这个 FloatButton 是我接手的老项目里最「稳重」的一个组件——稳重到每次滚动页面，它都像被钉在屏幕上一样，帧率掉到 12fps。用户手指刚滑动两下，按钮就延迟半秒才跟上，点...

「我的写法，亲测靠谱」 Codegen 这玩意儿，我最早是被 GraphQL 客户端（比如 Apollo）带进来的，后来在微前端、BFF 层、甚至纯前端状态管理里都用上了。它不是银弹，但用对了真能省下...

项目初期的技术选型 去年下半年接了个后台管理系统的重构，UI走的是「轻量+高定制」路线，设计稿里一堆图标：带渐变的齿轮、带描边动画的进度环、可交互的拓扑图节点……一开始我真没想太多，直接让设计师导出 ...

「又踩坑了，PerformanceObserver 拿不到 FCP/LCP」 今天上线前做性能兜底检查，发现监控系统里一大片页面的 FCP 和 LCP 数据是空的——不是 0，是 undefined。...

「又踩坑了，diff出来的差异老是漏掉嵌套对象的变更」 今天下午三点十七分，我盯着控制台里打印出来的两个对象 diff 结果发呆——明明我改了 user.profile.avatar.url，结果 d...

谁更灵活？谁更省事？移动端首屏加载性能的三个方案实测 上个月上线一个活动页，用户反馈「点开白屏两秒」，PM当场甩来一张竞品页的Lighthouse截图：首屏渲染 0.8s，我们是 2.6s。我盯着控制...

我的写法，亲测靠谱 在前端项目里处理 URL 参数（Parameters）这事，说简单也简单，说坑也真不少。我早期直接用 location.search 拼字符串，结果被产品经理一句「支持分享链接带筛...

首页加载慢得离谱，我决定搞点 Prefetch 上周上线一个新页面，用户反馈「首页点进去要等好几秒才出内容」。我本地 dev server 跑着飞快，一上生产环境就卡成 PPT。查了下 Network...

为什么选了 Qwik？ 上个月接了个新项目，是个内容型营销站，主打首屏加载速度和 SEO。老板一句话：“首页必须秒开，越快越好。”我翻了翻手头能用的框架，Next.js 也行，但 SSR 成本高；纯静...

Pre-request脚本？其实就那几种写法，但坑不少 最近项目里又遇到接口鉴权的问题，每次调用 API 都要带个临时 token，而且这个 token 5 分钟就过期。一开始我手动在 Postman...

前端权限控制，到底怎么搞才不累？ 最近项目里又遇到权限问题，老板说「后台用户能看的页面，普通用户不能进」，产品经理补一句「按钮也要按权限隐藏」。我一听就头大——这不就是最小权限原则嘛，但真做起来，方案...

先上核心代码，别整那些虚的 做前端这么多年，Popover 气泡弹窗这东西我写过至少五六个版本。每次项目需求一来，UI 说「这里加个提示」，我就知道又得折腾定位和事件了。今天直接上我目前最顺手的方案—...

先看效果，再看代码 我最近在重构一个数据密集型的管理后台，页面里动不动就几十个卡片，每个卡片都要调接口拉数据。最开始直接用 fetch 一请求，结果用户来回切换 tab，同一个接口被疯狂调用，不仅浪费...

又踩坑了，Data URL 到底怎么用才安全？ 最近在搞一个图片预览功能，用户上传头像后要即时显示，顺便支持裁剪。一开始我图省事，直接用 FileReader 读成 Data URL 塞进 <i...

优化前：卡得不行 上个月接手一个老移动端项目，用户反馈点按钮经常没反应，尤其是 iOS 上。我一开始以为是业务逻辑问题，结果自己用真机测了下——好家伙，点个「提交」按钮，手都快戳穿屏幕了，页面才慢悠悠...

优化前：卡得不行 上个月我们团队上线了一个带复杂交互动画的首页，用 React Spring 实现了卡片翻转、列表进入动画、悬停缩放这些效果。本以为挺酷，结果 QA 一测直接炸了：低端安卓机上滚动都掉...

核心代码就这几行，但坑不少 最近在做一个后台管理系统，客户要求用户操作成功后要有桌面通知提醒。我一开始以为很简单，不就是 new Notification() 吗？结果一上手才发现，这玩意儿的坑比想象...

又踩坑了，COEP 配置搞到我头大 最近在搞一个需要 SharedArrayBuffer 的项目，结果一上线就报错说「SharedArrayBuffer is not defined」。查了半天才知道...

我的写法，亲测靠谱 去年我们团队在新项目里试水 Rome（现在叫 Biome 了），说实话一开始我是抗拒的——毕竟 ESLint + Prettier + Webpack 的组合已经用得滚瓜烂熟，换工...

优化前：卡得不行 上个月重构一个内部组件库，里面有个通用的卡片组件，用的是 Vue 的 Slots 插槽机制。一开始写得挺爽，父组件传内容、标题、操作区，子组件负责布局，结构清晰，复用率高。但上线后 ...