预加载
一般用于移动端 用于图片比较多的情况 避免在项目中加载缓慢 影响用户体验 所以需要在进入项目前提前加载图片
做法是把所有图片的路径 放在一个数组中 然后使用循环遍历这个数组 每次创建一个图片对象 并把路径赋值给这个图片对象的src属性 这样就完成加载 其中使用 onload事件判断每个图片是否加载完成
懒加载
项目中图片过多的情况下 一般在可视窗口内的图片加载 可视窗口之外的图片不加载 当图片滚动进可视窗口内才让它加载
做法是可视窗口外的图片 先不给它的src属性赋值 而是把图片路径放在一个自定义属性里 当页面滚动 通过srcollTop判断图片滚动进可视窗口 把自定义属性中的路径赋值给src属性 这样就完成加载