如何判斷一個元素是否出現(xiàn)在窗口可視范圍（瀏覽器的上邊緣和下邊緣之間，肉眼可視）。寫一個函數(shù) isVisible實現(xiàn)
1.jpg
當(dāng)窗口滾動時，判斷一個元素是不是出現(xiàn)在窗口可視范圍。每次出現(xiàn)都在控制臺打印 true 。用代碼實現(xiàn)
2.jpg
當(dāng)窗口滾動時，判斷一個元素是不是出現(xiàn)在窗口可視范圍。在元素第一次出現(xiàn)時在控制臺打印 true，以后再次出現(xiàn)不做任何處理。用代碼實現(xiàn)
3.jpg
圖片懶加載的原理是什么？
對于圖片過多的使用場景，為了提高頁面加載速度，改善用戶體驗，我們對未出現(xiàn)在視野范圍內(nèi)的圖片先不進(jìn)行加載，等到出現(xiàn)在視野范圍才去加載。
1、先將img標(biāo)簽中的src鏈接設(shè)為同一張圖片（空白圖片），將其真正的圖片地址存儲再img標(biāo)簽的自定義屬性中（比如data-src）。當(dāng)js監(jiān)聽到該圖片元素進(jìn)入可視窗口時，即將自定義屬性中的地址存儲到src屬性中，達(dá)到懶加載的效果。
2、設(shè)置一個定時器定時檢測出現(xiàn)在視圖內(nèi)的圖片，并將其data-src屬性的值賦值給src屬性。（其實這個地方也可以通過事件來檢測）
