Intersection Observer API

项目初期的技术选型 最近接手了一个电商项目的重构，主要是商品列表页和详情页的优化。页面上有个问题特别明显：一次性加载几百张图片，用户打开页面就是白屏，有时候要等个十几秒才能看到内容。老板看不下去了，让...

项目初期的技术选型 最近做的那个电商项目，商品列表页面展示2000+商品，页面卡得一批，滚动条拖动都明显卡顿。一开始就是简单的React组件渲染，结果用户一滚动页面就卡死几秒，产品经理天天来催我优化。...

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

我的写法，亲测靠谱 做前端这几年，处理“可视区域”相关的逻辑几乎成了家常便饭。不管是懒加载、滚动动画、还是性能优化，绕不开 IntersectionObserver。但说实话，一开始我用得特别糙，直接...