进阶16:懒加载

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

进阶16:懒加载_第1张图片
image.png

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




    
    Document
    

   


    

我出现了

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




    
    Document
    

   


    

我出现了

题目4: 图片懒加载的原理是什么?

当窗口滚动的时,触发窗口滚动时间,判断图片元素节点是否出现在窗口可视范围并且是否第一次出现,如出现且第一次出现,则加载图片。

题目5: 实现视频中的图片懒加载效果

http://js.jirengu.com/qixokujaco/1/edit?html,output

你可能感兴趣的:(进阶16:懒加载)