优化

项目初期的技术选型 去年下半年接了个微信公众号内嵌的 H5 活动页，目标用户 90% 是 iOS 用户，尤其是 iPhone X 及以后机型。需求里有一屏「全屏滑动切换」+「底部固定操作栏」，设计师给...

usedExports 没生效？打包后代码还是全量导出 今天上线前做体积分析，发现一个模块明明只用了 getUserId，结果整个工具函数文件 300 行全被打进了 bundle —— 而且 webp...

谁更灵活？谁更省事？ 最近给一个后台数据导出功能加并发控制，本来以为就几行 throttle/debounce 事情，结果翻车了三次——第一次用 setTimeout 手搓队列，导出中途点了五次按钮，...

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

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

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

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

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

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

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

项目初期的技术选型 去年年底接手一个内部运营后台，Vue 3 + Vite 构建，功能模块特别散：用户管理、权限配置、数据看板、内容审核、活动配置、报表导出……十几个一级菜单，每个菜单点进去还有三四层...

谁更灵活？谁更省事？ 我最近又在搞一个移动端卡片拖拽排序功能，需求看着简单：手指按住卡片、上下拖动、松手后自动吸附到最近位置。结果一上手就发现——touch事件比想象中坑得多。iOS卡顿、Androi...

优化前：卡得不行 去年下半年接手一个老项目，是个基于 Vue 2 的后台管理页，客户用 iPad Pro（第5代）跑，点按钮要等半秒才响应。不是“稍微慢”，是真·点完看着屏幕发呆：“我点了没？再点一下...

我的写法，亲测靠谱 国际化（i18n）这事，我前后搞过四五个项目，从 Vue 2 的 vue-i18n@8.x 到 Vue 3 的 @intlify/core，再到 React 的 react-int...

先看效果，再看代码 上周上线一个数据流实时渲染的仪表盘，后端每秒推 30 条 JSON 数据过来，前端要逐条解析、计算、更新图表。结果一跑起来，CPU 占用直接飙到 95%，页面卡成 PPT，滚动都掉...

核心代码就这几行，但得先搞懂它到底在干啥 我第一次用 IntersectionObserver 是为了做图片懒加载，结果写了半天发现滚动时图片根本不动——不是没触发，是触发了但 observer 把元...

项目初期的技术选型 去年下半年接手一个电商导购页的性能优化任务，页面本身不复杂：首屏是商品瀑布流 + 底部几个跳转到合作平台的 CTA 按钮。但用户反馈“点按钮后要等好几秒才跳出去”，测下来平均首跳延...

谁更灵活？谁更省事？ 我去年在做一个后台管理系统的前端重构时，被错误追踪这事整得挺崩溃的。不是没加监控——我们一开始用了 Sentry，配好了，也上报了，但上线后发现：真实用户遇到的白屏、卡死、API...

先看效果，再看代码 上周上线一个数据看板，用 Chart.js 画折线图。结果 iOS Safari 上图表空白，控制台没报错，DevTools 里 canvas 尺寸是 0×0——折腾了俩小时，最后...

优化前：卡得不行 上周上线新版本后，产品跑来问：“为啥点导航菜单要等半天才进页面？我点完还得等一下，像在按电梯按钮。”我当场打开 DevTools 录了个 Performance，一看——路由跳转时主...