图片懒加载

一个img标签就会有一条网络请求，如果html页面上有很多的图片需要加载，那么html一次性加载上百个图片，页面的加载会阻塞卡顿

懒加载原理：
一个元素出现在窗口里面
临界条件：
元素头部刚好到窗口的底部（windowHeight+scrollTop=offsetTop [元素头部到文档顶部]）
元素底部刚好到窗口的顶部（scrollTop=offsetTop+outerHeight）

同时考虑到上面两个条件，得到元素出现在窗口里面的条件
那么：

windowHeight+scrollTop>offsetTop&&scrollTop

优化：
1，加载过的图片不检查了
解决办法：给加载过的图片添加一个class="load",判断each没有class的图片（.not(".load")）
2，html加载的时候页面上有几张课可见的图片
把大方法执行一次，再循环图片（检查图片）

图片.png

图片.png

github效果预览及代码