懒加载

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

 function isVisible($node){
    var $sTop = $(window).scrollTop()
    var $wHigh = $(window).height()
    var $oSet = $node.offset().top
    var $nHigh = $node.outerHeight(true)
    if ($wHigh+$sTop>$oSet && $nHigh+$oSet>$sTop){
         return true
    }else{
               return false
    }
  }

题目2：当窗口滚动时，判断一个元素是不是出现在窗口可视范围。每次出现都在控制台打印 true 。用代码实现
代码
题目3：当窗口滚动时，判断一个元素是不是出现在窗口可视范围。在元素第一次出现时在控制台打印 true，以后再次出现不做任何处理。用代码实现
代码
题目4： 图片懒加载的原理是什么？
因为有多张图片的页面,每一个图片就是一次请求,同时加载大量图片会引起页面卡顿,所以用到懒加载,用户看到的加载,用户看不到的暂时不加载,等到用户需要看的时候在加载,给服务器减压