前端

优化前：卡得不行 上周上线一个数据看板页，加载完要等5秒以上才能点按钮，滚动都掉帧。用户反馈说“点进去像在等重启”，我打开 Chrome DevTools 一录 Performance，直接傻眼：主线...

又踩坑了，setTimeout里调接口不执行？ 今天上线前测一个弹窗埋点，逻辑很简单：用户点击按钮 → 弹窗展示 → 立即上报一次曝光事件。结果我本地调试好好的，一上测试环境，曝光日志死活不发。Con...

优化前：卡得不行 上周上线一个新功能，加了一堆调试日志——console.log、performance.mark、甚至自己封装了个简易 logger 上报错误上下文。结果用户一反馈：点开页面要等 5...

我的写法，亲测靠谱 先说结论：我项目里现在基本不用全局 class 名了。不是因为 BEM 多高级，而是真被 .btn 和 .title 给坑麻了。 以前我写个按钮，随手就是： .btn { padd...

语义化版本校验这玩意儿，真不是 npm version 一下就完事了 上周上线前打包 CI 报了个错：version not match semantic versioning spec。我第一反应是...

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

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

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

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

谁更灵活？谁更省事？ 我写这篇不是因为哪个方案多牛，而是上周五下午三点，我改完一个组件路径后，Webpack 报了 7 个 Module not found，重启了三次 dev server，最后发现...

Proxy代理改了对象，结果Vue响应式失效了？ 今天下午三点十七分，我一边喝着第三杯速溶咖啡，一边盯着控制台里那个死活不更新的页面发呆——明明数据变了，视图就是不重渲染。最后发现是 Proxy 搞的...

又踩坑了，iframe里fetch被CSP拦得死死的 今天上线前测预发环境，突然发现一个页面的用户头像死活加载不出来。控制台清一色报错：Refused to connect to 'https://j...

优化前：卡得不行 去年底把公司三个前端项目（一个内部管理后台、一个客户侧 SaaS 前台、一个独立的 UI 组件库）合并进一个 Turborepo 仓库，本想着“一套工具链管到底”，结果 CI/CD ...

先看效果，再看代码 上周上线一个新活动页，PM跑来问我：「为啥LCP老是1.8秒？竞品才0.6」。我打开Chrome DevTools Performance面板一瞅，主图加载完都快2秒了——还是个2...

我的写法，亲测靠谱 消息推送这玩意儿，看起来就一个 Notification.requestPermission() + new Notification()，但真上生产环境跑三个月，你就会发现：权限...

又踩坑了，SessionStorage 里存对象居然拿不出来 今天上线前测一个表单页，用户填了一半切到别的标签页，再切回来——草，数据全没了。我第一反应是：不是写了 sessionStorage.se...

简要介绍 在现代网页设计中，动态背景效果已成为提升用户体验和视觉吸引力的重要手段。本文所解析的代码实现了一个极具科技感与艺术性的「动态渐变流动背景」，完全基于纯CSS技术构建，无需JavaScript...

简要介绍 在现代前端开发中，视觉表现力已经成为用户体验的重要组成部分。特别是在节日氛围浓厚的场景下，如圣诞节、新年等，开发者常常需要为网站或应用添加具有节日特色的背景动画效果，以增强用户的沉浸感和情感...

我的写法，亲测靠谱 缓存这玩意儿，我干了六年前端，前三年基本靠 Ctrl+R 和清浏览器缓存硬扛。后来上线一个活动页，用户反馈“点进去还是旧版本”，运维查 CDN、我查构建产物、产品说“你是不是没发版...

我的写法，亲测靠谱 开发体验这事儿，说白了就是“别让开发者自己骂自己”。不是功能跑通就完事，而是改一行代码不翻车、加个日志不用查三分钟文档、团队新人看一眼就知道该往哪改。我去年重构了一个老项目（Vue...