懒加载（LazyLoad） 是前端优化的一种有效方式，能极大的提升用户体验，图片加载是其重点，如果加载图片过多将大大增 http请求次数或大小 ，然而更多时候 用户并不会浏览到全部加载进来的图片 ，这种代价是非常不值得的，所以当用户 浏览到当前视口时再去加载相应的图片 无疑是两全其美的选择
原理：只有 img 标签中的 src 写入了图片的地址，加载页面时才会请求图片，所以使用懒加载时在 src 中并不写入任何地址，把图片的真实地址放到 data- (标签内部属性可存数据) 属性中，在 js 中绑定鼠标滚动事件，其回调中遍历所有图片并作出判断， 将出现在视口中的图片的 'data-' 属性保存的地址放到 'src' 中即可
实现
HTML：
配合滚动条使用：用js监听滚动条，当滚动到固定的位置后，才去用ajax请求加载图片
页面弄个像加载更多的按钮，点击再去加载用ajax请求加载图片
