博客

先上代码，别整虚的 我最近在搞一个移动端的下拉刷新插件，需求很简单：用户下拉页面，触发刷新动作。但实际做起来才发现，这玩意儿坑真不少。尤其是 touch 事件那部分，浏览器兼容性简直反人类。下面这段核...

优化前：卡得不行 项目里用 Hammer.js 做了个横向滑动的卡片流，本以为几行代码的事儿，结果上线后用户反馈“一滑就卡”“页面直接不动了”。我自己拿 Android 低端机试了下，touchmov...

构建慢到怀疑人生，打包5分钟起步 昨天上线前最后优化一波，本地改完代码保存，热更新直接卡10秒起，气得我差点把键盘扔了。这哪是开发，简直是渡劫。更离谱的是 build 一次要5分多钟，CI流水线跑着都...

项目初期的技术选型 这次接了个内部工具开发的活，目标是做一个轻量级的前端构建监控面板，用来实时看公司几个核心项目的打包状态、脚本执行进度和错误日志。本来这事儿后端就能搞定，但产品非要一个“有交互感”的...

项目初期的技术选型 最近在做一个后台管理系统的数据表格功能，需求是动态加载几千条记录，还得支持排序、筛选和实时更新。一开始没想太多，直接用最粗暴的方式：每次更新就清空容器，然后一条条 createEl...

又踩坑了，页面滚动直接卡成PPT 今天上线前最后测一遍性能，打开 Chrome DevTools 的 Performance 面板一录，好家伙，手指一滑页面，FPS 直接掉到 12，主线程跑满，长任务...

项目初期的技术选型 这项目是个在线设计工具，用户要能在画布上圈出特定区域做标注。一开始我寻思着用现成的库，比如 Fabric.js 或 Konva.js，功能是全，但引入整个库就为了个区域绘制？感觉有...

我为什么又在搞 CSP 这玩意？ 上个月项目上线前安全扫描，扫出一堆 CSP 风险，甲方爸爸直接甩了一页报告过来，说不加 Content Security Policy 就不算交付。没办法，前端背锅侠...

项目初期的技术选型 这个系统是个后台数据统计平台，主要用来跑一些复杂的用户行为分析。前端是 Vue，后端是 Node.js，数据库用的是 MySQL。本来一开始我打算把所有逻辑都放在后端服务里，毕竟写...

我的写法，亲测靠谱 最近三个项目都在用腾讯云COS传文件，前端这块我基本固定了一套流程。先说结论：别直接在前端生成签名，也别把SecretKey扔进代码里，真有人这么干，我见过生产环境挂着Secret...

我的写法，亲测靠谱 我最近在搞一个中型项目，包含三个前端应用和两个公共组件库。最开始是用 npm 配合 lerna 搞的，结果每次装依赖慢得像蜗牛，团队协作还老因为 node_modules 结构不一...

项目初期的技术选型 这个功能是做在线预约系统的排队显示，用户提交预约后会进入一个队列，前端需要实时展示当前排到多少人、前面还有多少人。本来是个简单需求，但客户非要加个“动态流动”的视觉效果——不是单纯...

先上代码，直接开干 我最近接手一个内部工具项目，UI要求简单清爽，但不想花太多时间在样式上。之前用 Bootstrap 总觉得太重，Tailwind 又得记一堆 class，最后选了 Bulma。说实...

先说结论：我现在基本只用 Vite 的预构建 资源合并这事儿我折腾了好几年，从最早手动 concat JS 文件，到 Grunt、Gulp 配置一堆 task，再到 Webpack 的 code sp...

我的写法，亲测靠谱 Background Sync 这玩意儿，说实话我一开始也没太当回事。直到有次用户反馈：离线发消息，回来发现没同步上，数据丢了——这下炸了。客户直接打电话来问，是不是我们前端代码写...

优化前：卡得不行 说实话，这个折叠屏项目上线前我真没觉得会出大问题。功能都实现了，UI 也适配了展开和折叠状态，结果一测性能，直接傻眼。在 Fold 3 上打开页面，手指滑动列表，帧率掉到 20 多，...

项目初期的技术选型 上个月接手了一个后台管理系统的重构任务，其中有个页面是用户数据的多维度展示，需要在同一个视图里切换不同的统计维度：比如按日、按周、按月看数据。本来以为就是个简单的 Tab 切换，直...

先看代码，再扯别的 我最近在搞一个前端项目，需要调用第三方地图 API，结果一上来就卡住了——API Secret 怎么处理？直接写进代码里？那不是谁扒开浏览器 DevTools 都能偷走？可不写进去...

项目初期的技术选型 我们做的这个项目是个内容密集型的 Web 应用，首页一堆图文卡片，还有视频预览和懒加载的图片墙。一开始加载策略没太上心，就是常规的 img 标签加个懒加载库，结果上线前压测一跑，首...

优化前：卡得不行 我接手这个项目的时候，页面交互已经烂到没法看了。一个简单的列表页，滑动一下能掉帧，点击按钮要等半秒才有反应。用户反馈最多的就是“点不动”“卡死了”。我自己测了一下，长列表滚动时 FP...