编写代码实现图片懒加载
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了编写代码实现图片懒加载相关的知识，希望对你有一定的参考价值。
1.前端性能优化的重要方案，通过图片或者数据的延迟加载，我们可以加快页面渲染速度，让第一次打开页面速度加快，只有滑动到某个区域，才加载真实的图片，这样也可以节省加载的流量，
2.处理方案 把所有需要延迟加载的图爿用一个盒子包起来，设置宽高和默认占位图。开始让所有的IMg的src为空，把真实的地址放到IMG的自定义属性上，让IMG隐藏，等到所有其他资源都加载完后，我们再开始加载图爿，对于很多图爿，需要当页面滚动时候，当前图爿完全显示出来后仔加载真实图片
以上是关于编写代码实现图片懒加载的主要内容，如果未能解决你的问题，请参考以下文章