博客

优化前：卡得不行 上周上线了一个新功能，页面里要加载几百个动态卡片，每个都带图片、标签和交互。本以为用 Vue 做响应式更新挺稳的，结果一上测试环境，首屏加载直接 5 秒起步，滚动也卡得像 PPT。用...

又踩坑了，登录态莫名其妙丢了 今天早上刚到公司，泡好咖啡准备摸鱼，结果测试群里一条消息炸了：用户登着登着突然跳登录页了。我第一反应是后端接口抽风，查了下日志发现 session 没过期，token 也...

优化前：卡得不行 我接手这个项目的时候，首页加载体验简直没法看。用户点开页面，白屏好几秒，啥都不显示，等接口数据回来才“唰”一下全出来。用户体验差到我自己都看不下去。 我们这项目是个内容聚合页，要拉 ...

先来一发最爽的用法：把 Babel 换成 SWC，直接起飞 上周我接手了个老项目，Webpack + Babel 配置一套下来，本地启动要 40 秒，热更新等得我都快睡着了。我实在忍不了，直接上 SW...

直接上手：Electron里的IPC通信就这么玩 我最近在做一个桌面端应用，用 Electron 开发的。需求很简单：主进程监控某个系统事件（比如 USB 插拔），然后把结果实时推给渲染进程展示。听起...

优化前：卡得不行 项目上线后跑了一阵子，用户量上来才发现问题——页面一打开，控制台就开始疯狂打日志，看着都心慌。后来才知道，我们前端日志是全量上报的，所有操作、接口调用、错误信息一股脑往服务端塞，而且...

项目初期的技术选型 最近做完一个后台管理项目，核心功能是数据列表页加一个多条件搜索。本来以为就是几个输入框加个查询按钮的事儿，结果上线前一周被产品拉着改了三轮交互，差点没把我干趴下。 一开始我图省事，...

导入导出这摊事，我到底选哪个？ 做前端这几年，几乎每个后台系统都绕不开导入导出。你以为就是个下载文件、上传解析的事儿？错了，坑多得很。尤其是当你开始处理十万行数据、要支持 Excel 公式、还得保留样...

项目初期的技术选型 这个项目是个技术文档站，用户要能看代码、复制代码，还得看着舒服。一开始我也没想太多，直接上了 Prism.js，毕竟这玩意儿轻量，配置简单，highlight.js 也差不多，但我...

先说结论，我基本只用 Vue Test Utils + Vitest 如果你问我现在测 Vue 组件选哪个方案，我会直接告诉你：Vue Test Utils 配合 Vitest。不是因为它是官方推荐，...

优化前：卡得不行 我接手的这个老项目，页面打开慢到离谱。首屏渲染要5秒多，用户进来第一眼看到的就是白屏，连个loading都转半天。我自己在手机上测的时候差点把手机扔了——滑动卡顿、点击无响应，sty...

我为什么非得折腾 Markdown 编辑器？ 说真的，每次做内容创作类的项目，最让我头疼的不是 UI，也不是数据流，而是那个看着简单、实则坑多的 Markdown 编辑器。你以为就是个文本框加个预览？...

先看效果，再看代码 上周上线了个新功能，改了几行 CSS，结果 QA 甩过来三张截图：按钮错位、文字溢出、布局崩了。我寻思这不就改了个 padding 吗？怎么还影响这么大？ 于是决定上视觉回归测试（...

这次想说点实在的：前端做公钥加密，到底怎么选？ 说实话，我一开始也没打算在前端搞什么公钥加密。毕竟大家都说“前端代码都能看，加密有啥用”，这话没错。但问题是，现在有些业务场景就是得在客户端先处理一点敏...

我为啥要折腾彩虹表这玩意儿？ 上周上线前夜，安全组突然甩给我一份报告，说我们某个老项目的密码存储用了 MD5，没加盐，被列为了高风险项。我一看，好家伙，这项目还是十年前用 PHP 写的，用户表里存的全...

优化前：卡得不行 我接手这个项目的时候，页面一打开就感觉不对劲。点个按钮要等半秒才有反应，列表滚动像幻灯片，动不动还直接无响应。最离谱的是，某个模块加载完数据后，整个应用卡了将近5秒——用户都以为崩溃...

先看效果，再看代码 我最近在优化一个内容型页面的加载体验，用户进来看到的是空白，等数据回来才渲染，体验很割裂。老板说“别的网站都有个骨架转圈，咱们也搞一个”。行吧，安排。 骨架屏不是什么高深技术，本质...

又卡住了，Module对象动态加载报错 今天下午在搞一个动态模块加载的功能，本来以为几分钟搞定的事，结果一坐就是三小时。问题是这样的：我需要根据用户操作动态从远程拉一段JS代码，然后以ES Modul...

这破表单校验又炸了，JSON Schema 救我狗命 昨天下午快下班的时候，产品甩过来一个需求：动态表单的字段要能根据配置实时变，还得带完整的校验规则。我心想这不就是 JSON Schema 的主场？...

优化前：卡得不行 上周上线了一个新项目，首页是几个大图轮播 + 商品展示，本来觉得设计挺清爽的，结果用户反馈加载慢，尤其是手机端，进页面要等五六秒才看到内容。我自己拿台旧 iPhone 试了下，确实卡...