博客

我的写法，亲测靠谱 加密解密这东西，前端能躲就躲。但有些项目你就是绕不开——比如要存用户敏感信息到 localStorage，又不想裸奔；或者和后端传数据时要求前端先做一层对称加密。这时候别慌，我一般...

优化前：卡得不行 项目是用 Gatsby 搭的，一开始图省事，直接上了 gatsby-starter-default，图片随便扔，组件随便 import，开发体验丝滑得不行。结果一上测试环境跑 Lig...

又踩坑了，Shaka Player 播放 HLS 流卡顿掉帧 上周上线了个视频监控项目，后端给的是 HLS 直播流，前端用 Shaka Player 接的。本来以为就是个常规接入，结果在安卓低端机上一...

先说结论：我一般选封装函数 + AbortController 重试机制这玩意儿，说简单也简单，说复杂也能折腾你一整天。我在好几个项目里都碰过类似需求——接口偶尔抖一下，用户点个按钮没反应，刷新页面又...

我的 docker-compose.yml 写法，亲测靠谱 我一般写 Docker Compose 文件不会一上来就堆 services，而是先想清楚几个问题：这个项目要不要本地开发联调？要不要持久化...

先上效果，再讲原理 我最近给一个项目加离线访问功能，用户打开过一次页面后，哪怕断网也能继续用。这玩意儿说白了就是 Service Worker 的缓存能力。别一上来就看概念，先看怎么用。 最简单的场景...

我为什么非得折腾 CSP 的 default-src？ 说真的，一开始我根本不想碰 Content Security Policy（CSP），感觉这玩意儿就是给安全工程师写的，不是给我们这些赶工期的前...

我的写法，亲测靠谱 配置对比这事儿，说白了就是不同环境（开发、测试、生产）下怎么管好变量。我之前在好几个项目里折腾过，从最开始的硬编码到后来用 .env 文件，再到后来搞 JSON 配置合并，踩过的坑...

优化前：卡得不行 项目上线前做性能测试，用户一滚动页面，Chrome DevTools 的帧率图直接绿变红。FPS 掉到 15 以下，尤其是进入视口那段视差动画，整个页面像是在“幻灯片播放”。我自己拿...

先说结论：我选爱速搭的低代码方案 别误会，我不是那种“能拖就拖”的开发者。该写代码的时候绝不手软，但如果你让我从零搭一个后台管理系统，还得对接十几个接口、搞权限、加搜索筛选、导出 Excel，那我真的...

我的写法，亲测靠谱 Base64 这玩意儿我用了快十年了，从最早处理图片上传开始，到后来做配置导出、临时 token 生成，甚至有时候懒得起名字就直接用它存点结构化数据。虽然它不是加密也不是压缩，但用...

项目初期的技术选型 上个月在做一个移动端的后台管理工具，需求里有个“筛选面板”要从右侧滑出来，一开始我寻思用个简单的 CSS transform 做位移得了，结果产品甩了个设计稿过来，说“要那种原生 ...

优化前：卡得不行 项目上线前最后做性能测试，一打开 Chrome DevTools 的 Performance 面板，直接傻眼。页面一滚动，帧率掉到 20 多，ScrollTrigger 触发的动画全...

项目初期的技术选型 这个项目是个内部用的内容管理后台，主要功能是编辑和预览页面。客户提了个需求：希望在切换不同组件面板的时候有点“动效”，别那么生硬。最开始我其实挺抗拒的，毕竟后台系统搞那么多花里胡哨...

骨架屏这玩意儿看着简单，一用就翻车 上周上线前两天，产品甩过来一个需求：首页加载太慢，用户以为卡了，加个骨架屏提升下体验。我心想这不就是 loading 动画升级版？十几行 CSS 搞定的事，结果硬是...

这玩意儿到底缓不缓，我纠结了三天 上周上线了个搜索功能，用户一搜“手机”，出来一堆结果。再搜一次？照样发请求。产品经理看不下去了：同一个词你为啥反复查数据库？服务器不要钱啊？ 行吧，加缓存。但怎么加，...

又踩坑了，Brick Next 的 SSR 数据脱水失败 今天上线前最后测一把，发现页面首屏数据全空，Loading 转了半天才出来内容。本地开发环境好好的，一上预发就抽风。排查半小时，定位到是 Br...

先看效果，再看代码 我最近在搞一个 H5 活动页，要适配各种安卓机和 iOS，调试简直反人类。尤其是线上用户说“点不动”“滑不动”，你本地又复现不了，纯靠猜。直到我用了 Spy-Debugger，直接...

项目初期的技术选型 最近在做一个移动端的 H5 活动页，主要功能是左右滑动切换卡片，每张卡片里有图片、文字和按钮。本来想用浏览器自带的滚动 + IntersectionObserver 来做，但测试了...

我的写法，亲测靠谱 Victory 这个库用了一年多，说实话一开始真不习惯。刚接手项目的时候看到一堆 <VictoryChart> 嵌套，脑袋都大了。但后来慢慢发现，只要写法对了，这玩意儿...