虽然现在是框架式开发，但一些浅显的底层原理还是要懂的。当面试被问到图片懒加载是怎么实现的，你回答一个指定v-lazyed就能实现，那你基本与这个offer失之交臂了。关于图片懒加载，一起来温故而知新。

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

作者：闲鱼技术——羲凡 背景 不知道什么时候开始，一种tab自动吸顶下的多容器嵌套滚动浏览交互方式逐渐风靡在各大电商APP（美团、京东、拼多多等）。。。

了解过 echart 的都知道，官方提供了十星辅助线，只要设置 axisPointer 的 type 为cross 即可实现类似股票走势图的十星线，纵轴吸附最近的点，横轴跟随鼠标或手势的触点位置

1. 什么是懒加载？ 2. 懒加载的优点 3. 实现原理 前面铺垫了这么多，下面重点来了（敲黑板！！！）。 我们实现懒加载的想法是一开始只加载显示在视口内的图片，从上图可以看出，我们可以先只加载前两张图片。那么如何保证图片不加载出来呢？ 好啦，现在我们已经知道该什么去加载下一张…