博客

项目初期的技术选型 最近做了一个字节小程序项目，说实话，一开始我还有点抗拒。毕竟之前一直搞微信小程序，突然要切换到字节系，心里没底。但是客户那边说他们的用户主要集中在抖音、头条这些平台，数据统计也显示...

先看效果，再看代码 说实话，Skeleton动画这个东西现在各大厂都在用，我也在好几个项目里实现了。最直观的感受就是用户体验确实提升了，至少用户不会看到一片空白在那里傻等。今天就把我用过的几种方案都分...

Git的Rebase和Merge，我为什么更推荐Rebase 做前端这么久了，代码版本管理这块儿踩过不少坑。今天聊聊Git的rebase和merge这两个命令，说实话，我现在的项目基本都用rebase...

优化前：卡得不行 最近重构一个老项目，这个系统的登录验证用的是传统Session机制。本来以为Session挺简单的，结果一压测就发现问题了。高峰期的时候页面加载时间直接飙到5秒多，有些请求甚至超时。...

我的写法，亲测靠谱 touchstart 这玩意儿，看起来简单，实际用起来各种坑。我现在一般都这么处理： function createTouchHandler(element) { let star...

Vue Query配置的最佳姿势，折腾半天才搞明白 刚开始用Vue Query的时候，我是直接按照官方文档来配的，结果项目一上线就发现各种问题。最大的坑就是缓存策略没搞对，用户刷新页面后数据还是老的，...

项目初期的技术选型 最近做了一个数据处理平台，里面涉及到大量的数据验证和错误处理。项目刚开始的时候，团队里有人提议用传统的if-else来做校验，还有人说用try-catch。但我总觉得这样写出来的代...

响应式图片不是什么新技术，但这次项目真把我搞懵了 最近做的那个电商项目，图片这块儿本来觉得挺简单的，结果上线后发现移动端加载慢得要命。几十张商品图全是2MB以上的高清大图，在手机上加载个页面都要等好几...

RecyclerView不同方案对比，我踩过不少坑 最近项目重构，重新梳理了一下RecyclerView相关的技术方案。说实话，Android端的列表组件选择真的不少，每种都有各自的特点。今天就把我常...

懒加载的核心，Intersection Observer API 说实在的，现在做懒加载，我已经完全不用传统的 scroll + getBoundingClientRect 那套了。Intersect...

为什么要做这次对比？ 最近重构一个数据可视化项目，之前用的Chart.js，但产品那边提需求说要更好的交互效果，特别是拖拽筛选、区域缩放这些高级功能。我琢磨着要不要换个图表库，于是就把市面上主流的几个...

项目初期的技术选型 最近做的那个后台管理系统项目，需要处理大量的异步任务，比如数据导出、批量处理、定时同步这些。一开始想着直接用Promise手动管理，结果发现事情比想象中复杂多了。 项目中遇到了这样...

优化前：卡得不行 最近接手了一个老项目，用户反馈页面加载慢得要命，特别是在低端设备上，经常出现卡顿甚至白屏。Chrome DevTools显示JS执行时间高达15秒，bundle体积有3MB多，pol...

OffscreenCanvas的坑，我踩了一个月 最近做了一个移动端的图像处理功能，需要用Canvas做实时滤镜渲染。本来以为就是普通的Canvas操作，结果性能差得要命，页面卡成PPT。后来查资料才...

先说结论，JSON导入其实没那么复杂 最近项目里遇到好几个JSON导入的需求，从配置文件到数据初始化，基本上每天都在打交道。之前总觉得这玩意儿挺简单的，直到真正深入用了才发现，里面还是有不少门道的。今...

移动端滚动穿透，这回彻底搞定了 昨天又被移动端Drawer组件的滚动穿透问题给折腾惨了，写这篇记录一下完整的解决过程。其实之前也遇到过，但每次都是临时应付过去，这次终于下定决心彻底解决。 问题现象就是...

优化前：卡得不行 最近接手了一个老项目，用户反映页面加载特别慢，有时候要等个5-6秒才能看到主要内容。打开Chrome DevTools一看，各种资源加载时间长到离谱，特别是第三方资源和CDN的请求，...

开篇：为什么要做这次CSS动画对比 最近重构一个移动端项目，动画效果这块纠结了好几天。之前一直在用transform做各种转场，但这次遇到复杂交互，发现单纯用CSS动画还是有局限性。于是把几种方案都拉...

项目初期的技术选型 最近做了一个实时监控系统，需要保持客户端和服务端的长连接状态。之前都是用轮询的方式，但项目数据量比较大，轮询的性能消耗实在太大了。产品经理还一直在催着要实时性更好的方案，没办法，只...

Git Flow搞崩了我的发布流程 昨天差点被Git Flow给搞疯了。本来想用这个工作流规范一下团队的开发流程，结果发现自己对分支管理的理解还是太浅了。折腾了一整天，最后才算把发布流程理顺。 问题的...