图片懒加载Demo
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了图片懒加载Demo相关的知识，希望对你有一定的参考价值。
相关知识：
场景：
包含大量图片的页面，并发加载最大量图片，会有性能 / 移动端流量问题
思路：
看到图片再加载
方案：
1.初始图片src属性不加，加一个data-src属性
2.判断scrollTop，offsetTop，clientHeight的关系
元素的总offsetTop < 页面的scrollTop + 页面的clientHeight
3.当满足一定关系，将data-src属性转换成src属性
4.组装
实例源码：
效果查看：
以上是关于图片懒加载Demo的主要内容，如果未能解决你的问题，请参考以下文章