博客

我的写法，亲测靠谱 Notification通知这个功能，我用得挺多的，尤其是在后台管理系统里。这种弹出式的提示框，既能提醒用户操作结果，又不会打断用户的操作流。我自己总结了一套写法，用起来感觉还蛮顺...

Eruda调试工具的坑，我差点没爬出来 前几天在做移动端调试的时候，遇到一个特别诡异的问题。项目里集成了Eruda这个调试神器，本来用得好好的，突然发现某些页面上它完全不生效了。折腾了半天才发现问题出...

为什么我要对比这些Sonar扫描方案？ 最近在公司项目里，代码质量成了一个不得不重视的问题。你懂的，团队协作的时候，总有一些“祖传代码”让人头疼，甚至有些同事写的代码连他自己都看不懂了（别问我怎么知道...

项目初期的技术选型 最近接了个项目，是个中等规模的后台管理系统。客户要求页面加载快，同时还要支持按需加载功能模块。一开始我有点纠结，用 CommonJS 还是直接上 ES Module？后来想了想，这...

先看效果，再看代码 最近在优化一个后台管理系统，首页加载特别慢，用户反馈说等得都想关页面了。我用Chrome DevTools一看，发现是几个大模块一次性加载导致的。于是花了点时间重构了一下加载策略，...

项目初期的技术选型 这次的项目是一个内部管理系统，涉及到大量的数据展示和操作。因为菜单结构比较复杂，有三级嵌套，还要求支持动态加载。开始的时候我想用现成的组件库，像Ant Design或者Elemen...

又踩坑了，TDesign Mobile 的 Popup 居然不听话 最近在用 TDesign Mobile 做一个移动端项目，需求是实现一个从底部弹出的筛选面板。原以为是个简单的需求，直接用 TDes...

项目初期的技术选型 前段时间接到一个需求，要做一个视频展示页面，要求点击按钮后可以让整个页面进入全屏模式。当时我就想，这不就是 FullScreen API 的用武之地吗？这个API虽然小众，但正好能...

直接说结论：我更喜欢用Next.js的方案 最近在做SEO配置的时候，我试了三种主流方案：React Helmet、Next.js内置SEO支持，还有服务端渲染（SSR）。说实话，踩了不少坑，最后还是...

先说结论：Lighthouse vs WebPageTest，我更偏向这个 最近在优化一个电商项目的时候，性能测试成了日常。说实话，搞前端这么多年，每次提到性能测试，总感觉像在拆盲盒——你永远不知道下...

为什么我要对比 cache-loader 和其他方案 最近在优化项目构建速度的时候，我重新审视了 cache-loader 这个工具。说实在的，webpack 构建慢的问题一直让我头疼，尤其是在大型项...

为什么我要对比这几个方案？ 最近在做一个移动端项目，需求里有大量表单、弹窗和交互组件的需求。我比较喜欢用现成的UI库来快速搭建界面，但这次有点纠结——Cube UI 和 Vant 都是基于 Vue 的...

防护策略的核心写法，亲测靠谱 先说重点，我在实际项目中最常用的防护策略代码是这样的： const debounce = (func, delay) => { let timer; return ...

先看效果，再看代码 最近在做一个表单校验的需求，本来想自己写一堆if-else来判断，但后来发现Yup这个库简直是神器。直接上个简单例子： import * as Yup from 'yup...

又踩坑了，Jotai 的异步状态管理让我头大 最近在用 Jotai 做一个项目的状态管理，本来觉得这东西简单好用，结果在处理异步数据的时候踩了个大坑。折腾了半天才发现问题出在哪。 场景是这样的：我需要...

先说结论：我更喜欢用localStorage+手动缓存 最近在重构一个老项目，涉及到磁盘缓存（Disk Cache）的选型问题。说实话，这个问题困扰了我好一阵子，试了好几种方案，踩了不少坑。最后我发现...

先看效果，再看代码 最近在项目里做了个表格组件，说实话，Table这种东西看起来简单，但要做得灵活又实用，还是得花点心思。我用的是Ant Design的Table组件，亲测有效，基本能满足大部分需求。...

又踩了个分号的坑，这次真是折腾够了 前几天在重构一个老项目的时候，遇到了一个特别有意思的问题。代码里到处都是分号，但偏偏有几处没写分号，导致打包工具直接报错。这里我踩了个坑，花了整整一个下午才搞明白原...

connect-src这玩意儿，真的挺重要 说实话，我最早接触Content Security Policy（CSP）的时候，完全没把connect-src当回事。直到后来项目上线，用户反馈说API请...

优化前：卡得不行 最近接手一个项目，用户需要上传文件并进行校验。功能看似简单，但实际运行起来简直让人崩溃——特别是当文件稍微大一点的时候，页面直接卡死，鼠标都动不了。 最夸张的一次测试中，一个5MB的...