博客

项目初期的技术选型 去年年底接手一个老项目重构，是给某市政务大厅做的自助终端系统——对，就是那种立在服务台旁边、带10.1寸触摸屏、跑Chrome kiosk模式的设备。需求看着挺简单：查办事指南、预...

先看效果，再看代码 上周上线一个按钮音效反馈功能，用户点一下“提交”，咔哒一声，跟 iOS 点击原生按钮一模一样——不是那种干巴巴的 beep，是带点包络、有点衰减、还带点轻微低频震动感的音效。上线后...

优化前：卡得不行 上个月上线一个后台管理页，用户反馈“点个按钮要等三四秒才出数据”，我第一反应是“不可能吧？接口就几百毫秒”。结果打开 Network 面板一看——好家伙，每次点“刷新列表”，浏览器都...

项目初期的技术选型 上个月在做一个内部用的工单管理页，列表项需要支持快速删单。产品经理说“别点进详情再删，太慢，左滑直接删，像微信删聊天那样”。我第一反应是：又来了，这种交互看着简单，一写就掉坑里。 ...

谁更灵活？谁更省事？ 分页组件这玩意儿，看起来简单，写起来真能让你半夜改完第三版还发现“上一页”在第一页时居然没禁用。我做过不下二十个带分页的项目，从纯静态表格到实时搜索+无限滚动混合场景，踩过的坑足...

核心代码就这几行，但踩坑花了我两天 先上最常用、也最容易翻车的场景：在组件里封装一个「防抖搜索框」。不是那种教科书式 debounce + useEffect 的玩具 demo，是真实项目里要对接后端...

优化前：卡得不行 上周上线了一个用户行为埋点聚合页，后端吐了 12W 条脱敏日志（手机号、身份证号、邮箱全做了匿名化处理），前端用表格渲染+搜索+分页。结果一打开页面，Chrome 直接卡死 5 秒，...

又踩坑了，Table组件里用Popover嵌套Select，点击就消失 今天上线前测一个权限配置页，Ant Design Vue 的 a-table 里每行有个操作列，点「分配角色」弹出一个 a-po...

项目初期的技术选型 去年底接手一个老项目重构，目标很朴素：把首页首屏加载时间从 3.2s 压到 1.8s 以内。不是什么高大上的 SPA，就是个纯静态 HTML + 一堆 <script typ...

优化前：卡得不行 上周在给一个移动端管理后台做无线调试支持时，我差点把键盘砸了。需求很简单：开发过程中，不插线、不连电脑，用手机扫个码就能实时看到 console.log、网络请求、Vue 组件状态—...

先看效果，再看代码 上周上线一个活动页，首页有个「悬浮气泡+视差滚动」的动效模块，设计师给的稿子要求：气泡要随手指滑动轻微位移，松手后回弹；页面滚动时气泡有层次感偏移；进入视口时还要带个呼吸缩放。我第...

我的写法，亲测靠谱 原生能力调用，尤其是 Hybrid 场景下（比如 WebView 里调 JSBridge），我踩过最多坑的地方不是「怎么调」，而是「什么时候能调」「调了为什么没反应」「为什么 iO...

项目初期的技术选型 上个月在做一个数据看板项目，需求是「主图表区域支持拖拽缩放、双击重置、鼠标滚轮缩放」，同时要和侧边栏的筛选器联动——比如用户在图表里框选了一块区域，侧边栏得立刻高亮对应的数据项。一...

对称加密搞了个大乌龙：前端 AES 加密后后端死活解不开 今天上线前联调，前端用 CryptoJS 加密了一段用户 token 传给后端，结果 Java 后端一直报 javax.crypto.BadP...

项目初期的技术选型 去年接了个教育类小程序的H5配套页，需要在微信内置浏览器里嵌一个「课程回放」模块。不是纯视频点播，而是带章节标记、拖拽定位、倍速、字幕切换、还有个“学习进度条”要和后端同步——听起...

谁更灵活？谁更省事？Promise、async/await、还有那个“被遗忘的”then链 我写这篇，是因为上周又在 Code Review 里看到同事用 Promise.resolve().then...

我的写法，亲测靠谱 防抖节流这玩意儿，我写了不下二十遍——不是因为爱写，是每次换项目、换框架、换交互场景，都得重调一遍。Vue 2 的 watch + debounce、Vue 3 的 onMount...

谁更灵活？谁更省事？Gatsby、Next.js 和纯 Vite 静态站的三选一 上周又接了个客户小项目：一个带博客、产品页、SEO 要求高、但几乎不登录、没用户态、也不需要实时更新的官网。我本来想直...

优化前：卡得不行 去年底上线一个面向企业客户的加密文件共享模块，前端要跟后端做 ECDH 密钥交换，再用协商出的 AES 密钥加密上传。本来以为就是调个 WebCrypto API，结果首屏加载后点“...

我的写法，亲测靠谱 固定高度这个事儿，听起来简单，但真写到项目里，我至少踩过三次坑——两次在滚动异常，一次在响应式断点崩掉。现在回头看，很多问题不是 CSS 不够熟，而是没想清楚“固定高度”到底要固定...