博客

优化前：卡得不行 上周上线一个新功能，用户反馈“点一下路由跳转要等好几秒”，我一开始还不信，直到自己在测试环境点了一下——好家伙，首页进去后点个“个人中心”，白屏 4 秒多，连 loading 都没来...

又踩坑了，touchmove滚动失效 上周上线一个移动端滑动菜单，结果 QA 一测就说“iOS 上滑不动”，我一开始还以为是惯性滚动的问题，后来才发现是被 touchmove 的默认行为搞的鬼。更麻烦...

优化前：卡得不行 上个月接手一个移动端商品列表页，用户反馈“点进去就卡死”“滑动像PPT”。我本地跑起来一看，好家伙，首页加载完要5秒多，列表滚动掉帧严重，手指一松就卡在半空。更离谱的是，部分低端安卓...

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

项目里为啥要搞图像处理？ 事情是这样的：我们接了个需求，用户上传头像后，得实时加个边框、调个色温，还能手动裁剪。听起来不难，但问题在于——不能依赖后端，所有处理必须在前端完成。客户说“要快”，意思是上...

为什么选 Editor.js？ 上个月接了个内容管理系统的需求，客户要一个能自由排版、支持图文混排、还能导出结构化数据的编辑器。一开始我试了 Quill，结果发现它输出的是 HTML，后续处理起来特别...

为什么我又要折腾 Double Submit Cookie？ 最近在给一个老项目加 CSRF 防护，后端同事说“你前端搞个 Double Submit Cookie 就行了”，我一听就头大。不是因为难...

优化前：卡得不行 上周上线一个长页面文档站，左侧是 Anchor 锚点导航，右侧是滚动内容。用户一滚动，左边的高亮项就跟着变——结果测试同事直接甩过来一句：“这玩意儿滑两下就卡成 PPT，谁敢用？” ...

先上手再问为什么：Headless CMS 真的香 我第一次接触 Headless CMS 是在去年一个紧急项目里，客户非要在后台自己改文案，但又死活不同意用 WordPress。当时我第一反应是“这...

又踩坑了，WangEditor 上传图片后光标乱跑 上周在项目里集成 WangEditor，本来以为就是个富文本编辑器，复制粘贴图片、拖拽上传，搞定收工。结果测试一跑，发现上传完一张图，光标直接跳到文...

为啥我要折腾 strict-dynamic？ 最近项目要过安全审计，CSP（Content Security Policy）成了绕不开的坎。以前我们用 unsafe-inline 图省事，结果被安全团...

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

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

我的写法，亲测靠谱 这几年搞前端部署，踩过不少坑，也攒了些经验。今天聊聊我目前在项目里用得最稳的一套部署优化方案——不是理论最优，但简单、可靠、出问题能快速回滚。 先说核心：我一般用 gzip + C...

项目初期的技术选型 去年接手一个中后台系统重构，前端用的是 Vue 3 + Vite，但客户要求必须支持 IE11（是的，2023年了还有这种需求）。没办法，只能上 Webpack 5 + Babel...

优化前：卡得不行 上周我负责的移动端活动页上线后，用户反馈“滑动卡成PPT”“动画一出来手机就发烫”。我一开始还不信，自己拿iPhone 12 Pro Max测还行啊——直到借了同事的千元机跑了一下，...

先看效果，再看代码 上周接到一个需求：让用户自己拖拽组件生成表单，支持保存、预览、导出 JSON。听起来很常见，但真做起来才发现坑不少。我折腾了三天，最后用原生 JS + Vue3 搞定了一套轻量方案...

为什么我又在折腾性能优化？ 最近接手一个老项目，首页加载慢得像卡碟，用户反馈“点进去以为崩了”。打开 DevTools 一看，Lighthouse 分数才 40 多，首屏时间 5 秒+。说实话，这种问...

优化前：卡得不行 上周上线一个新功能，用户点开详情页后要加载大量数据，包括图片、用户评论、关联推荐啥的。结果测试时直接给我整无语了——首屏白屏 5 秒多，滚动还卡成幻灯片。产品经理站我身后看一眼就皱眉...

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