博客

先看效果，再看代码 上周上线一个数据看板页，用户反馈“点按钮卡顿”“下拉半天没反应”。我打开 Performance 面板一录，主线程直接飙到 120ms 帧耗——不是动画卡，是点击后 JS 处理逻辑...

谁更灵活？谁更省事？ 最近给一个后台管理系统的登录页加渐变背景，本来以为就是一行 CSS 的事儿，结果翻车了三次。第一次用 Tailwind 写死的 class，UI 改需求说“主色要动态换”，我当场...

优化前：卡得不行 上周上线一个营销页，用户反馈“点开白屏3秒”“滑动卡顿”“有时候直接闪退”。我一开始以为是图片太大或者接口慢，查了半天发现根本不是——页面里压根没发几个请求，首屏渲染完之后，滚动、点...

先看效果，再看代码 上周上线一个内部管理系统，第二天就收到安全组邮件：「检测到 Session 固定漏洞，风险等级中」。我盯着邮件看了三秒，心里一沉——又来了。 不是没防过。但这次是旧项目接入新登录模...

又踩坑了，平板上按钮点不动、列表滚不动 今天上线前 QA 在 iPad Pro 上测了一圈，直接甩给我三张截图：首页轮播图点不了、侧边栏菜单展开后点第二级没反应、长列表 touchmove 滚不动……...

谁更灵活？谁更省事？ 数据最小化不是个新概念，但真落到前端代码里，它就不是“少传点字段”那么简单了。我去年在做一个医保报销类 H5 页面时，后端甩来一个 38 字段的 userProfile 接口响应...

谁更灵活？谁更省事？ 最近在做一个移动端拖拽排序组件，需求看着简单：手指按住卡片、拖动、松手后更新顺序。但实际一上手就发现——touch事件原生写起来真他妈累。preventDefault反复加、to...

谁更灵活？谁更省事？ 触摸劫持（Touch Hijacking）这玩意儿，说白了就是用户明明想滑动页面，结果手指一划，触发了你写的某个按钮、轮播图、抽屉菜单甚至整个页面都卡死了——不是 bug，是 f...

优化前：卡得不行 上个月上线一个后台管理页，用 Vue 3 + Pinia + Vue Router，路由跳转全靠 router.push 编程式导航。本来以为很轻量，结果一测发现：从首页点进「数据看...

Audio.play() 在 iOS 上静音失效？别急，先关掉“静音开关” 今天上线前测音频组件，发现一个离谱问题：在 iPhone Safari 里点播放按钮，audio.play() 调用成功、没...

优化前：卡得不行 我们有个金融类 App，iOS 和 Android 都用 WebView 做内嵌浏览器展示活动页、协议页、H5 表单。上线后客服天天反馈：用户点“同意协议”要等 4~5 秒才跳转，有...

谁更灵活？谁更省事？ 面包屑这玩意儿，看着小，真做起来容易翻车。上周改一个后台系统的导航栏，就因为面包屑的路径解析逻辑不对，导致三级菜单进不去、刷新后 breadcrumb 丢了一级、还跟 Vue R...

谁更灵活？谁更省事？ 上周又接到个需求：在富文本编辑器里加 Mention 功能，@用户后自动高亮、带下拉建议、支持回车/Tab 选中、还能嵌套在 textarea 或 contenteditable...

先看效果，再看代码 上周给一个老项目加新功能，得复用另一个团队维护的 UI 组件库。他们不发 npm 包，也不开放私有 registry 权限，只给了个 Git 仓库地址：git@github.com...

我的写法，亲测靠谱 我用 Prettier + ESLint + Husky 这套组合，在三个中大型 React 项目里跑了两年多，基本没再手动格式化过代码。不是因为懒，是实在被人工对齐、分号争议、缩...

项目初期的技术选型 去年下半年接了个内部中后台系统，需求挺典型：权限粒度细、菜单动态加载、多级嵌套路由、需要 SSR 支持（老板说“要对 SEO 友好”，虽然我知道中后台根本没人搜…但他说了就得做）、...

我的写法，亲测靠谱 音频可视化这事，我前后在三个项目里搞过：一个音乐播放器 Demo、一个直播后台的声波监控面板、还有一个给盲人用户做的语音反馈可视化小模块。每次上线前都得调半天——不是波形跳得太疯，...

requestIdleCallback用着用着，页面卡死了？ 今天上线前压测，发现一个很诡异的问题：页面在低端安卓机上滑动几下后，突然就“冻住”了——touchmove不触发、按钮点不动、定时器也停了...

谁更灵活？谁更省事？ 最近在优化一个后台数据看板，首屏加载时间卡在 2.3s 左右，用户反馈“点进去要等半天”。我扒了一圈 Lighthouse 报告，发现核心问题不是接口慢（后端已压缩到 80ms）...

项目初期的技术选型 上个月在做一个内部工单系统，后端推送实时状态变更（比如“客户已确认”“财务已打款”），需要在用户不聚焦页面时也收到提醒。一开始想用 WebSocket + 自定义弹窗，但发现桌面端...