博客

我的写法，亲测靠谱 Spring 动画我用在项目里大概有四年了，最早是 React 里配 framer-motion，后来 Vue 项目里用 vue-spring，再后来纯 JS 场景下直接上 @re...

项目初期的技术选型 去年做的一个教育类小程序（H5版），要支持课件页的自由缩放——不是简单的图片放大，而是整个内容容器（含文字、SVG图表、可点击按钮）跟着一起 scale。客户提的需求很直接：“像 ...

优化前：卡得不行 上个月上线一个后台管理平台，里面用了自己封装的 Message 组件——就是那种调用一下 Message.success('操作成功') 就弹个提示框的东西。本来以为这种小玩意儿能有...

优化前：卡得不行 上周上线一个新后台，菜单用了 React + Ant Design 的 Sider + Menu，数据量不大——就 80 条左右的菜单项，分了 4 层嵌套。结果一打开左侧菜单，Chr...

项目初期的技术选型 去年底接了个电商类H5活动页，需求挺典型：3天上线、兼容iOS/Android主流微信/QQ浏览器、要带商品列表、轮播图、弹窗抽奖、地址选择器，还得支持微信JSSDK调用分享。团队...

项目初期的技术选型 去年底接手一个内部用的运营数据看板，需求很典型：支持「回放」用户在页面上的完整操作路径——点击、输入、滚动、表单提交，甚至 iframe 里的行为。老板说：“要能复现问题，别每次客...

谁更灵活？谁更省事？Pinia vs Vuex 4 vs 手搓 reactive + provide/inject 我最近重构一个中后台项目，状态管理这块纠结了三天。不是因为不会写，而是——选哪个方案...

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

优化前：卡得不行 项目上线前压测，用户反馈“点播放要等半天”“拖进度条卡成PPT”“切视频源直接白屏”。我本地一试，好家伙——首页嵌了 6 个 MediaElement 实例（3 个视频 + 3 个音...

我的写法，亲测靠谱 Likejacking 这玩意儿，说白了就是利用 Facebook 的 Like 按钮（或其他社交按钮）的 iframe 埋点机制，在用户无感知下触发点赞、分享等操作。它早年是黑产...

优化前：卡得不行 上个月上线了一个活动页，用 Vue + Vant 做的，目标是「全屏滑动+吸顶导航+动态加载商品卡片」。上线后用户反馈很直接：安卓机一滑就掉帧，iOS 也偶尔卡顿，特别是从首页跳转进...

谁更灵活？谁更省事？Collections集合方案实测对比 说实话，我写这篇不是因为想搞学术研究，纯粹是上周在重构一个数据管理模块时被逼的。需求很简单：页面里要展示一堆商品卡片，支持按价格、评分、上新...

我的写法，亲测靠谱 Swipe 轮播我用过不下十个项目，从最早的手写 touch 事件，到后来引入 Swipe.js（那个只有几百行的轻量库），再到最近几个项目直接用 CSS scroll-snap ...

优化前：卡得不行 项目上线前两周，协同编辑模块一开多人实时编辑就掉帧——不是“有点卡”，是光标移动都延迟半秒，输入法回显错位，撤回操作经常丢指令。最夸张一次，三人同时编辑一个 200 行的 Markd...

先看效果，再看代码 我上周重装了一个老项目的构建流程，TypeScript + Babel 走起。本来以为就是 npm install @babel/preset-typescript -D，然后 b...

谁更灵活？谁更省事？Origin检查这三招我试了个遍 Origin检查这事，我踩过两次坑才彻底清醒：第一次是后端同事说“你前端加个 Origin 校验就行”，结果我傻乎乎在 fetch 里手动比对 w...

Refresh Token自动续期，结果登录态莫名其妙丢了 今天上线前测登录流程，发现用户明明没点退出、也没关页面，过15分钟再操作一下接口，直接401跳回登录页——但控制台里明明刚刷新过token，...

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

我的写法，亲测靠谱 Form校验这事，我干了快六年，从jQuery.validate手写正则开始，到Ant Design、Element Plus的内置规则，再到自己封装hooks——踩过的坑比填过的...

优化前：卡得不行 我们团队用 React + Redux 做了个内部 Kanban 看板，支持拖拽、实时更新、百级卡片、多列滚动。上线两周后，产品跑来问我：“为啥我拖个卡片要等半秒才响应？切到‘测试中...