工具

又踩坑了，Security面板里一堆红标 前几天上线一个新功能，测试环境跑得好好的，结果一上生产，Chrome DevTools 的 Security 面板直接给我刷了一堆红色警告。点开一看，全是 M...

我的抓包调试姿势，亲测靠谱 干前端这些年，抓包调试是我每天都要打交道的活儿。别看它基础，真要高效用起来，踩过的坑能填满一个泳池。我一开始也以为装个 Charles 或 Fiddler 就完事了，结果在...

优化前：卡得不行 上个月接手一个老项目，前端页面加载动不动就5秒起步，用户反馈“点一下等半天”。我一开始以为是前端打包问题，结果排查一圈发现，真正卡住的是后端 API 响应——但奇怪的是，本地直连后端...

优化前：卡得不行 上周上线一个新功能，用户反馈页面打开后“点不动”，滚动都卡成PPT。我一开始以为是某个组件没做虚拟滚动，结果排查一圈发现——问题出在 args 参数上。 具体场景是这样的：我们有个数...

优化前：卡得不行 上周我接手了一个老项目里的通用表格组件，说是“通用”，其实早就被各种业务方塞满了定制逻辑。最离谱的是，当数据量超过 300 行时，页面直接卡到鼠标都动不了——滚动像拖拉机，点击响应要...

为什么我又在折腾访问控制？ 说实话，每次做新项目，访问控制这块总得重新纠结一遍。RBAC、ABAC、自定义中间件、路由守卫……方案一堆，但真用起来，坑也不少。最近一个后台系统要支持多角色+细粒度权限（...

Report生成这事儿，我试过三种主流方案 最近项目里又遇到要生成PDF报告的需求，用户填完一堆表单，点一下“导出报告”，就得吐出个格式整齐、带图表、能打印的PDF。说起来简单，做起来真是一堆坑。我前...

我的写法，亲测靠谱 说实话，我一开始用 npx 就是图个方便，想临时跑个工具又不想全局安装。但踩了几次坑之后，才意识到这玩意儿用不好反而更麻烦。现在我基本固定了一套写法，稳定、清晰、不容易出错。 最常...

项目初期的技术选型 上个月接了个后台管理系统重构的活，核心需求是把一堆静态按钮操作换成可配置的动作流。说白了就是用户点个按钮，系统能按预设逻辑执行一连串操作：比如先调接口、弹确认框、再跳转页面、最后刷...

先看效果，再看代码 我最近在重构一个内部项目管理工具，老板非要加个 Kanban 看板功能。说实话，一开始我是拒绝的——拖拽、列间移动、状态同步，光想想就头大。但折腾了两天后发现，用现成的库其实没那么...

我的 ESLint 配置，改了三次才稳定下来 我第一次在项目里配 ESLint 时，以为就是装个包、加个配置文件完事。结果团队一拉代码，CI 直接爆红，各种规则冲突、格式报错，连空格都管。折腾了两天，...

先看效果，再看代码 上周我接手一个老项目，里面有个 UI 组件库被拆成独立仓库了。项目经理说：“用 submodule 引进来就行。” 我心里一咯噔——又得和 Git Submodule 打交道了。这...

核心代码就这几行，但别小看它 上周上线一个新项目，老板盯着 Lighthouse 报告问：“FCP 为什么 2.8 秒？首页不是就几张图加个标题吗？”我心想，这不就是白屏时间嘛，赶紧查。折腾了半天，发...

项目初期的技术选型 去年底接手一个内容管理后台的改造任务，核心需求是让非技术人员也能通过拖拽方式自定义页面布局。一开始我们考虑用现成的低代码平台，但评估后发现定制成本太高，而且很多功能根本用不上。最后...

优化前：卡得不行 上周我们项目 CI 流水线跑一次前端构建，动不动就 8 分钟起步，有时候甚至飙到 12 分钟。每次提 PR 都得盯着那个转圈圈的 CI 状态，心里直打鼓——是不是又超时了？是不是缓存...

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

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

我的写法，亲测靠谱 做前端这几年，Report生成（报表导出）这活儿我干过不下十次。每次需求看起来都差不多：点个按钮，导出PDF或Excel，数据来自表格或者图表。但真上手后，坑一个接一个。折腾多了，...

优化前：卡得不行 上个月上线一个新功能，用户反馈“点发布按钮后页面直接卡死，等了五六秒才跳转”。我一开始以为是后端接口慢，结果打开 DevTools 一看，Network 面板里 API 响应其实就 ...

为什么我要折腾 upstream 这个东西？ 最近在搞一个数据聚合的项目，前端需要从多个后端服务拉数据，但又不想让客户端直接暴露一堆接口地址。这时候就想到用 upstream（上游）代理——说白了就是...