博客

微前端别乱搞，先想清楚这几点 我第一次上手微前端的时候，以为就是把几个子应用拼在一起，主应用搭个壳子就行。结果上线后三天两头出问题：样式冲突、内存泄漏、路由跳转错乱……折腾得我差点想回老家种地。后来踩...

为什么我要折腾 HMR 这个东西？ 说实话，一开始我根本没在意 HMR（Hot Module Replacement）到底是怎么工作的。Webpack Dev Server 一开，改个 CSS 自动刷...

我的写法，亲测靠谱 我第一次在项目里用 SIMD（Single Instruction, Multiple Data）是去年搞一个图像处理模块，需要实时对 1080p 的视频帧做灰度转换。一开始直接用...

我的写法，亲测靠谱 用 Vue Router 也快五年了，从 2.x 到 3.x 再到现在的 4.x（配合 Vue 3），踩过的坑能填满半个会议室。说实话，Vue Router 本身不难，但很多团队一...

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

优化前：卡得不行 上个月接手一个威胁情报展示面板，前端用的是 React + Ant Design，数据来自后端的 STIX/TAXII 接口。刚打开页面的时候，我差点以为电脑死机了——加载一条情报详...

我的写法，亲测靠谱 在前端项目里用图标，说简单也简单，说坑也真不少。我一开始也是直接拿 SVG 文件往项目里塞，或者用 iconfont 一通复制粘贴，结果后期维护起来简直噩梦。现在我基本固定了一套做...

项目初期的技术选型 上个月接了个后台管理系统重构的活，UI 组件库用的是 Ant Design，但客户提了个需求：全局消息提示（Message）要能自定义样式，还要支持“批量操作成功后合并提示”——比...

先看效果，再看代码 上周改一个后台管理页的排序功能，用户要求能拖拽调整列表顺序。我一开始想用现成的库，比如 SortableJS，但项目里已经有一堆依赖了，不想再加。于是决定自己撸一个轻量版。折腾了半...

优化前：卡得不行 上周我们项目里有个右键菜单功能，用户反馈“点一下右键要等半秒才弹出来”，我一开始还不信，本地开发环境跑得挺顺的。结果一上测试环境，好家伙，点右键后整个页面卡住，鼠标转圈，连滚动都卡顿...

自定义校验，到底该用谁？ 最近在重构一个老表单系统，里面一堆校验规则写得又臭又长。我实在忍不了，决定重新梳理一下自定义校验的方案。市面上常见的无非就三种：原生 HTML5 + JS 手搓、用 vali...

为什么我又在折腾离线方案？ 最近一个移动端项目要求“弱网甚至无网也能用”，老板说“用户地铁里也要能操作”。行吧，那就得搞离线。但前端离线这事，水挺深——Service Worker、localStor...

我的写法，亲测靠谱 做移动端开发这几年，抓包调试网络请求几乎是家常便饭。我一开始也用过各种花里胡哨的工具，但后来发现，最稳的还是用浏览器自带的 DevTools + 真机代理组合。尤其是现在 Safa...

我的写法，亲测靠谱 Cache-loader 这个东西，我最早是在一个 Vue 项目里用上的。当时项目越来越大，每次改一行代码，Webpack 就得重新跑一遍 Babel、TS、Vue 模板编译，动不...

优化前：卡得不行 上个月接手一个用 Espresso 写的移动端列表页，一打开就卡得我直皱眉。不是那种轻微掉帧，是真·卡——滑动时白屏半秒，点击按钮要等 1 秒才有反应，用户反馈“像在用诺基亚”。我本...

优化前：卡得不行 上个月我们上线了一个新功能，前端要调用后端的几个新接口，结果用户反馈页面加载慢得离谱。我本地测试还好，但一上生产环境，首屏数据拉取动不动就5秒起步，有时候甚至直接超时。 一开始我以为...

先看效果，再看代码 最近在重构一个后台系统，发现原来的 Select 用的是原生 <select>，样式丑得没法看，还不能自定义。老板说“能不能像 Ant Design 那样？”——行吧，...

先上核心代码，别整那些虚的 项目上线后用户反馈“页面打不开”“点按钮没反应”，但你本地跑得飞起——这时候，错误追踪就是救命稻草。我一开始也懒得搞，直到某天半夜被运营电话叫醒：“线上支付失败了！” 打开...

先看效果，再看代码 最近做移动端项目，又被刘海屏、挖孔屏、底部小黑条搞疯了。页面顶部状态栏被内容盖住，底部按钮点不到，用户反馈一堆“显示不全”“点不了”。折腾半天，发现根本原因是没处理好“安全区域”（...

核心代码就这几行，但别小看它 上周我们上线了一个新功能：用户可以删除自己的项目。结果第二天就有用户反馈说“手滑点错了，项目没了”。我一看日志，确实——点击删除按钮后没任何确认，直接发请求删了。这哪行？...