博客

又踩坑了，Redux状态更新后组件不重新渲染 昨天改一个老项目，加了个筛选功能，结果死活不生效。点完筛选按钮，Redux里的状态明明变了，但页面上就是不动。我盯着 DevTools 里 Redux 的...

我的写法，亲测靠谱 安全头（Security Headers）这东西，说白了就是给 HTTP 响应加几行 header，防 XSS、防点击劫持、防内容嗅探……听起来挺简单，但真在项目里用起来，坑不少。...

又踩坑了，StyleLint 集成搞崩了整个构建流程 上周重构一个老项目，想把 StyleLint 加进去统一 CSS 代码规范。结果一配完，CI 直接红了，本地开发也跑不起来。折腾了快一天，最后发现...

先看效果，再看代码 我之前在项目里用 Redux，写个状态管理要配 reducer、action、selector，改个字段得跨三个文件，烦死了。后来试了 Zustand，真香——核心逻辑就一个文件，...

项目初期的技术选型 上个月在做一个移动端的配置管理后台，需求是展示大量结构化的数据条目，每条包含标题、描述、状态、操作按钮等。UI 设计稿里用的是类似 iOS 设置页那种一行一行的单元格样式，产品经理...

优化前：卡得不行 上周上线一个表单密集的页面，用户反馈“点提交按钮像在等加载动画”，我本地一测，好家伙，光校验就卡了快5秒。打开 Chrome DevTools 一看，主线程被 joi.validat...

我的写法，亲测靠谱 做前端这几年，处理“可视区域”相关的逻辑几乎成了家常便饭。不管是懒加载、滚动动画、还是性能优化，绕不开 IntersectionObserver。但说实话，一开始我用得特别糙，直接...

优化前：卡得不行 上周我们项目里有个消息推送功能，用户一进页面就疯狂弹通知，结果页面直接卡成PPT。不是夸张，是真的——滚动都卡，点击按钮要等1秒才响应，连 console.log 都打不出来。我打开...

项目初期的技术选型 上个月接了个配置后台的活儿，需求是让运营同学能批量导入商品数据。一开始我直接想用 CSV，毕竟轻量、Excel 友好。但产品那边说他们手头已经有现成的 JSON 文件，而且字段嵌套...

为什么我还在纠结 Socket.io 的替代方案？ 最近一个聊天室项目要重构，我盯着 WebSocket 通信这块看了半天，心里犯嘀咕：Socket.io 还是那个最香的选择吗？毕竟现在原生 WebS...

优化前：卡得不行 上周上线一个移动端的3D翻转卡片组件，用户反馈“滑动的时候卡成PPT”，我自己用中低端机一试，好家伙，手指一划，画面直接掉帧到10fps以下，连基本的交互都卡顿。当时就意识到问题出在...

我的写法，亲测靠谱 拖拽布局这东西，说简单也简单，说坑也真不少。我做过好几个带拖拽的后台系统，从一开始用原生 drag & drop API 被各种兼容性问题折磨，到后来用 react-dnd...

项目初期的技术选型 去年接手一个中后台管理系统重构，前端用的是 React + Ant Design。一开始没想太多，页面不多，数据量也不大，就按常规套路写：组件拆分、状态管理用 Redux Tool...

项目初期的技术选型 上个月接了个需求，要在首页加个轮播图，展示客户案例。一开始觉得这不就是个基础组件嘛，随便找个现成的库套一下就行。但产品非要支持手势滑动、自动播放、带指示器，还要在低端安卓机上流畅—...

又踩坑了，Vite 构建后静态资源路径全乱套 上周上线一个新项目，本地跑得好好的，一构建部署到测试环境，页面直接白屏。打开控制台一看，所有 CSS 和 JS 资源 404 —— 路径全变成根目录下的绝...

我的写法，亲测靠谱 我写单元测试已经好几年了，从一开始的“为了覆盖率而写”，到后来被 bug 教做人，现在终于摸出一套自己用着顺手的写法。核心就一点：测试要能真实反映业务逻辑，而不是为了跑通而写。 比...

Grunt 打包时图片路径全乱了，折腾一晚上才搞定 昨天改一个老项目，用的是 Grunt 构建的，本来只是想加个新功能，结果打包完发现所有图片都 404 了。页面上全是裂图，控制台一堆 Failed ...

先看效果，再看代码 我最近接手一个老项目，打包时间从 45 秒飙到 2 分钟，本地开发时改一行 CSS 都要等半分钟，简直没法干活。折腾了几天，最后把 Webpack 配置重构成一套亲测有效的优化方案...

为什么我要折腾 Issue 自动化 最近接手了一个开源项目，Issue 区天天被各种“怎么用”“能不能加个功能”刷屏，看得我头大。手动打标签、关重复 issue、催 PR 更新，这些活儿干多了真上头。...

优化前：卡得不行 上个月接了个移动端动画需求，用 GSAP 做一整屏的交互动画，元素多、层级深、还有滚动联动。一开始写得挺顺，效果也炫，但真机一跑——直接卡成幻灯片。iPhone 12 都扛不住，低端...