懒加载

1.如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。写一个函数 isVisible实现

function isVisible($node) {
    var scrollTop = $(window).scrollTop(),
        windowHeight = $(window).height(),
        offsetTop = $node.offset().top;
    if(offsetTop > scrollTop && offsetTop < (windowHeight + scrollTop)) {
        return true;
    }else{
        return false;
    }
}

2.当窗口滚动时，判断一个元素是不是出现在窗口可视范围。每次出现都在控制台打印 true 。用代码实现

    
    
    



    

        
123
    

3.当窗口滚动时，判断一个元素是不是出现在窗口可视范围。在元素第一次出现时在控制台打印 true，以后再次出现不做任何处理。用代码实现

    
    
    



    

        
123
    

4.图片懒加载的原理是什么？

图片懒加载的目的是为了解决网站性能问题，减少请求资源的浪费。
它的原理是当滚动条停止时，判断图片是否在浏览器窗口的可视范围，是否没有被加载过，如果是，就给它添加加载属性，否则不添加。图片懒加载是按需加载，而不是一开始就给所有图片都加载。

5.实现视频中的图片懒加载效果