懒加载(进阶16)

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

代码链接
*注意：请点击Run with JS*

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

代码链接

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

代码链接

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

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

题目4和题目5的答案

题目6： 实现视频中的新闻懒加载效果

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,378评论 25赞 709
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1赞 92
  • 《秋菊》
    海芬/文 秋草丛中一朵 黄 顶风盛开不畏寒 踩菊篱下不登山 千姿百态若金缠
    海语天籁阅读 2,688评论 8赞 15
  • 【晨读感悟】我的买房经历
    想起我家买房子的经历，真切实感受到开发商销售手段的高明。 当时小区还没有施工就火爆宣传，2011年夏季，开发商待合...
    张德祥阅读 3,153评论 0赞 1
  • 花
    从小我就是一个对画画不是很感兴趣的人，沉默了将近20年的手，当我前几日画完第一张画时，我就感受到现在的我，是可以耐...
    z雷打不动z阅读 1,716评论 4赞 9