博客

谁更灵活？谁更省事？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 看板，支持拖拽、实时更新、百级卡片、多列滚动。上线两周后，产品跑来问我：“为啥我拖个卡片要等半秒才响应？切到‘测试中...

谁更灵活？谁更省事？ 最近在给一个老项目补安全基建，第一件事就是加漏洞扫描。不是那种黑盒打靶式的渗透测试，而是前端构建阶段就卡住常见 XSS、硬编码密钥、敏感路径泄露这类低级但高频的问题。我试了三套方...

谁更灵活？谁更省事？ 最近给一个老项目加个「滚动定位高亮导航」功能，结果在工具链选型上卡了两天。不是逻辑难，是工具太乱：有直接用原生 IntersectionObserver 的，有用 React-I...

项目初期的技术选型 去年年底接手一个政府侧的政务服务平台H5页面，目标用户是基层工作人员，用的是老旧安卓平板（很多还是Android 6.0），Chrome内核版本卡在53左右。首页要加载地图、实时工...

谁更灵活？谁更省事？ 最近在给一个表单组件加自定义规则，不是简单的“必填”或“邮箱格式”，而是要动态判断：比如“当用户选了‘企业客户’，手机号必须是11位且以13/15/17/18开头；如果选了‘个人...

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

项目初期的技术选型 去年下半年接手一个「本地生活服务」App的迭代，老板一句话：「H5页面要快，得像原生一样滑动，不能卡，也不能白屏。」当时我第一反应是——又来了，WebView优化这事儿，三年前我就...