博客

核心代码就这几行 行为监控这块儿，其实核心就是监听用户的各种操作然后上报数据。我之前做过几个项目，现在回头看，最简单的实现方式就是把常用的事件都监听一遍，然后统一处理。 class BehaviorM...

优化前：卡得不行 之前做批量文件转换功能，用户的体验简直没法看。一批几千个文件同时转换，页面直接卡死，Chrome都提示无响应了。最严重的时候，用户上传2000个图片进行格式转换，浏览器直接崩溃。用户...

我的写法，亲测靠谱 输入验证这块儿，我踩过的坑数都数不清了。最开始的时候就是简单的正则匹配一下，结果线上bug频发，用户输入各种奇怪的内容都能绕过验证。后来学乖了，现在我都是前后端双重验证，而且验证规...

优化前：卡得不行 做密码加密这块，之前一直用的scrypt算法，本来以为挺安全的，结果测试环境一跑，好家伙，用户登录一次要等个3-5秒，页面直接假死。客户端这边还好，最烦的是服务端，高并发一来，CPU...

高亮显示？别被花里胡哨的方案绕晕了 最近在做一个文档搜索功能，用户输入关键词后要高亮匹配内容。看似简单，但实际做起来发现坑不少。我试过好几种方案：纯 CSS、正则替换、第三方库（比如 mark.js）...

为什么我们决定搞白盒测试 去年底接手一个内部管理后台重构项目，前端用的是 React + TypeScript，后端是 Node.js。这个系统权限控制特别复杂，角色、部门、资源粒度都很细，而且很多逻...

优化前：卡得不行 上周我接手一个老项目，里面有个全文搜索功能，用户一输入就卡成PPT。页面直接冻结1秒以上，键盘输入都延迟，连光标都懒得动。测试同事说“这体验不如不用”，我点开 DevTools 一看...

项目初期的技术选型 上个月刚收尾一个数据看板项目，前端用的 React + TypeScript，后端接口响应时间不太稳定，尤其在高峰期经常卡个 1-2 秒。用户一点击就干等着，体验特别差。所以一开始...

优化前：卡得不行 上个月接手一个老项目，里面有个 Tree 组件用来展示部门结构，数据量不大，也就 2000 多个节点。但每次点开页面，浏览器直接卡死 3 秒起步，滚动都卡成幻灯片。用户反馈“点一下展...

又踩坑了，下拉刷新把页面滚动搞崩了 昨天在给一个移动端列表页加下拉刷新功能，本来以为就是个简单活儿，结果折腾了大半天，差点把键盘砸了。问题出在：我加完下拉刷新后，页面的正常滚动突然失效了，手指一滑，页...

先看效果，再看代码 最近项目里又要做一个动态页面搭建系统，说白了就是让运营同学能拖拽组件、配置字段、实时预览。听起来挺高大上，其实核心就两件事：一是怎么把 JSON 配置转成真实 DOM，二是怎么让这...

优化前：卡得不行 上个月上线一个新页面，老板点开后第一句话就是：“这加载怎么比我家老电脑还慢？” 我自己测了一下，首屏资源加载花了快5秒，滚动时还时不时卡顿。打开 DevTools 一看，好家伙，一堆...

为啥我要折腾 IntelliSense 的方案？ 说白了，就是被 VS Code 里那些“好像能用但又差点意思”的智能提示搞烦了。尤其是写 Vue、TypeScript 或者自定义 DSL 的时候，明...

先跑个快照，再看它到底干了啥 上周重构一个老组件，改完后手动点了一遍所有页面，结果 QA 还是报了三个 UI 回退的 bug。我一拍脑袋：早该用 Snapshot Testing 了！这玩意儿真不是花...

我的写法，亲测靠谱 搞前端这几年，Workspace 配置这事儿我踩过不少坑。一开始以为就是个简单的路径映射，后来发现配不好，热更新慢、模块解析错、甚至本地开发环境直接跑不起来。现在我基本固定了一套配...

为什么选 requestAnimationFrame？ 上个月接了个需求，要做一个自定义的滚动条组件，支持平滑滚动、惯性回弹、还有滚动过程中的实时监听。一开始我直接用 scroll 事件加 setTi...

为什么我又回头折腾 mpvue？ 去年项目收尾后，我一度以为自己再也不会碰 mpvue 了。毕竟现在 uni-app 都快成行业默认选项了，社区活跃、文档齐全、H5/小程序/APP 全端通吃。但最近接...

项目初期的技术选型 上个月接了个需求，要在页面里加一段背景音乐，用户可以随时开关、调节音量，还能在不同页面间保持播放状态。一开始觉得这不就是个<audio>标签的事嘛，点开MDN看两眼就能...

优化前：卡得不行 上周上线一个商品列表页，用户反馈“一划就卡”“图片加载半天不动”。我本地跑起来也确实离谱——首屏还没出来，浏览器已经卡到鼠标都转圈。打开 DevTools 一看，Network 里堆...

又踩坑了，OSS上传文件跨域报错 上周在给一个项目加图片上传功能，前端直接用阿里云OSS的Web直传，结果一上传就报CORS错误。控制台红了一片，Access to XMLHttpRequest at...