web前端-js小记(16)-懒加载

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

hello

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

//方法一：设置2个变量past、now，每次滚动比较2个变量，如果past显示没出现，now出现了，说明是出现了，在控制台输出。
//每次必须把now的值赋值给past,用来记录上一次的值

hello


//方法二：方法和第一种类似，只是把past的值绑定到元素中,记录元素的状态，然后进行比较

hello

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

//方法一：

  
hello
  


//方法二：

hello

题目4：图片懒加载的原理是什么？

图片懒加载的目的是为了解决网站性能问题，减少请求资源的浪费。
1、 对于所有的 img 标签，把真实的地址放入自定义属性data-img
2、 当滚动页面时，检查页面所有的 img 标签，看看这个标签是否出现到我们的视野，当出现在我们的视野时，再去判断它是否已经加载过，如果没有加载过，加载它

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

代码

题目6(选做)：实现如下 新闻自动懒加载效果

代码

(mission 16)