工具

为啥要自己写个抓包调试工具？ 上个月接手一个老项目，前端用的是 Vue 2 + Axios，后端是 PHP。问题出在：用户反馈某些操作没反应，但控制台和 Network 面板里啥都看不到。一开始以为是...

优化前：卡得不行 最近在做一个复杂的单页应用，用户数据量很大，页面里到处都是动态渲染的内容，尤其是有一个实时数据更新的表格，每次刷新都得等个十几秒，卡得我直抓狂。之前尝试过各种优化方法，比如虚拟列表、...

谁更灵活？谁更省事？ 最近在整理一些开发工具，Settings Sync 这个东西挺有用的，特别是对于需要在多个设备间同步配置的开发者来说。这里我对比了几个常用的方案，包括 VS Code 的原生 S...

GitHub Flow，我的实战总结 最近项目用上了 GitHub Flow，折腾了一段时间后，有些心得想和大家分享。这个流程在团队协作中确实能提升效率，但如果不注意细节，踩坑也是常有的事。 我的写法...

cssnano压缩CSS文件后样式乱了，我怎么解决的 最近在搞一个项目，用了cssnano来压缩CSS文件，结果压缩完发现页面样式全乱了。这里我踩了个坑，折腾了半天才发现问题所在。 排查过程 一开始以...

SVG导出乱码、空白、样式丢失？我折腾了两天才搞定 上周在搞一个可视化配置工具，用户画完图要能导出 SVG 文件。本来以为就是 outerHTML 一拿，丢给 Blob 就完事了，结果导出来的文件打开...

先扔个最简单的例子：MDX 真的能写 React 组件 我第一次用 MDX 的时候，以为它只是 Markdown 加点语法糖。结果一上手才发现，这玩意儿直接把 Markdown 文件变成了 React...

项目初期的技术选型 上个月接了个内部工具项目，需求是批量执行一组 API 调用，每个请求的参数不同，但结构类似，还要支持失败重试、结果导出、执行日志。一开始我直接想用 Postman 的 Collec...

优化前：卡得不行 上个月我们团队的前端 CI/CD 流水线跑一次构建要 5 分多钟，每次提 PR 都得等半天才能看到检查结果。最离谱的是，有时候改了个文案，整个 pipeline 还是把所有依赖重新装...

先上代码：这玩意儿到底怎么用 别整那些虚的，直接看代码最实在。我在项目里折腾 singleQuote 这个配置项，其实主要是在 Prettier 里用的。很多人以为它只是“单引号还是双引号”的问题，但...

为什么这次选了 CSS Custom Properties 上个月接了个主题切换需求，客户说要支持深色、浅色、还有个“品牌蓝”三套皮肤，而且得实时切换——不能刷新页面。一开始我第一反应是用 CSS-i...

先看效果，再看代码 上周改一个动效组件，产品经理说“这个卡片要能拖拽还能缩放旋转”，我第一反应就是：别搞这些花里胡哨的，但转头一想，用 transform 其实几行 CSS 就能搞定。亲测有效，今天就...

我的写法，亲测靠谱 搞前端这么多年，配置规则这东西说简单也简单，说坑也真不少。我一开始也以为就是写个 JSON 或者 JS 对象完事，结果在项目里被各种边界情况打得满地找牙。后来慢慢摸索出一套自己用着...

前端密钥管理，我为什么不用 .env 最近一个新项目要对接第三方 API，对方要求用密钥鉴权。我第一反应是：放 .env 里呗。但转念一想——前端根本不能存密钥啊！这玩意儿打包完全暴露在 JS 里，谁...

FigJam 嵌入方案怎么选？我折腾了三天后决定用这个 最近项目里要嵌入 FigJam 板块，让团队能直接在内部系统里协作白板。说实话，一开始我以为就一个 iframe 搞定的事，结果踩了一堆坑。Fi...

为什么我又在折腾 Epic？ 最近项目里要搞一个带复杂状态流的交互模块，比如用户从首页滑动进入详情页，中间可能触发多个异步操作（加载数据、埋点、动画），还得支持中途取消或回退。这类需求用 Redux ...

又踩坑了，数据驱动的表单联动怎么这么难搞 上周做后台管理系统，遇到一个看起来很简单的功能：用户在下拉框选了某个分类，下面的子选项要自动更新。我心想，这不就是个 basic 的 data-driven ...

优化前：卡得不行 上周上线一个数据可视化模块，用户反馈“点一下卡三秒”，我本地跑起来也确实离谱——加载 5000 条带坐标的轨迹数据，主线程直接卡死，页面白屏近 5 秒。滚动、点击全无响应，连 Dev...

又在 Parameters 上踩坑了？ 最近重构一个老项目，里面一堆函数参数传得乱七八糟，有的用对象、有的用数组、有的甚至靠 arguments 拼接。我实在忍不了，决定统一一下参数处理方式。结果一查...

又踩坑了，inline注释在压缩后居然影响JS执行？ 上周上线前最后一轮测试，突然发现一个奇怪的问题：本地开发一切正常，但打包上线后某个功能直接报错，说“Unexpected token '}'”。我...