題目1:如何判斷一個元素是否出現(xiàn)在窗口可視范圍(瀏覽器的上邊緣和下邊緣之間,肉眼可視)昆淡。寫一個函數(shù) isVisible實現(xiàn)
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:當窗口滾動時,判斷一個元素是不是出現(xiàn)在窗口可視范圍勾缭。每次出現(xiàn)都在控制臺打印 true 高镐。用代碼實現(xiàn)
代碼
題目3:當窗口滾動時提揍,判斷一個元素是不是出現(xiàn)在窗口可視范圍啤月。在元素第一次出現(xiàn)時在控制臺打印 true,以后再次出現(xiàn)不做任何處理劳跃。用代碼實現(xiàn)
代碼
題目4: 圖片懶加載的原理是什么谎仲?
因為有多張圖片的頁面,每一個圖片就是一次請求,同時加載大量圖片會引起頁面卡頓,所以用到懶加載,用戶看到的加載,用戶看不到的暫時不加載,等到用戶需要看的時候在加載,給服務器減壓