懒加载＞JQuery

##懒加载>jquery
####方法与思想
#####页面中的img元素，若没有src属性，浏览器就不会发出请求去下载图片，只有通过Javascript设置了图片路径，浏览器才会发送请求。
#####先在页面中把需要延迟加载的图片统一使用一张占位图进行占位，把真正的路径存在元素data-src属性里
#####页面加载完成后，通过scrollTop判断图片是否在用户的视野，如果在，则将 data-src的值取出来存放到src中。
#####在滚轮事件中重复判断图片是否进入视中，如果在，则将data-url的值取出来存放到src中。

//打开页面 调用一次 
        start()
        $(window).on('scroll', function() {
                start() //滚动页面时 调用一次
            })
        //加载函数 
        function start() {
            $('.wrapper img').not('[data-isLoaded]').each(function() {
                var $node = $(this)
                if (isShow($node)) {
                    //设置一个定时器起到缓冲效果 
                    setTimeout(function() {
                        loadIng($node)
                    }, 1000)

                }
            })
        }
        // 页面逻辑
        function isShow($node) {
            // 当一个元素出现在我们眼前（小于窗口高度）上窗口滚动的高度的时候就意味着到达目标点 
            // 可以开始加载图片或者其他内容
            return $node.offset().top <= $(window).height() + $(window).scrollTop()
        }
        // 显示状态