1.如何判斷一個元素是否出現在窗口可視范圍（瀏覽器的上邊緣和下邊緣之間，肉眼可視）。寫一個函數 isVisible實現

答：

function isVisible($nodw){
var winH = $(window).height(),
      winTop = $(window).scrollTop,
      offsetTop = e.offset().top;
if(offsetTop<winHeight+winTop){
        console.log("hello");
        return true;
    }
}

2.當窗口滾動時，判斷一個元素是不是出現在窗口可視范圍。每次出現都在控制臺打印 true 。用代碼實現

var winH = $(window).height(),
      offsetTop = $node.offset().top;
$(window).on('scroll',function(){
      var scrollTop = $(this).scrollTop();
       if(offsetTop<winHeight+scrollTop){
            console.log('true')
      }
})

3.3.當窗口滾動時，判斷一個元素是不是出現在窗口可視范圍。在元素第一次出現時在控制臺打印 true，以后再次出現不做任何處理。用代碼實現

var winH = $(window).height(),
      offsetTop = $node.offset().top;
$(window).on('scroll',function){
        var scrollTop = $(this).scrollTop();
        if(!$node.data('isShow')){
              if(offsetTop<winH+scrollTop){
              console.log(''true)
              }
               $node.data('isShow',true)
        } 
})

4.圖片懶加載的原理是什么？

答：如果頁面上圖片過多的時候，同時全部加載會消耗很多資源甚至卡頓，所以需要懶加載來解決這個問題。當圖片出現在瀏覽器窗口的時候，再去加載這一個圖片，一般先把原圖片自定義一個空白的圖片地址，當需要再加這個圖片的時候，再對圖片的src進行替換，從而加載出來圖片。