懒加载

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

 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:当窗口滚动时,判断一个元素是不是出现在窗口可视范围。每次出现都在控制台打印 true 。用代码实现
代码
题目3:当窗口滚动时,判断一个元素是不是出现在窗口可视范围。在元素第一次出现时在控制台打印 true,以后再次出现不做任何处理。用代码实现
代码
题目4: 图片懒加载的原理是什么?
因为有多张图片的页面,每一个图片就是一次请求,同时加载大量图片会引起页面卡顿,所以用到懒加载,用户看到的加载,用户看不到的暂时不加载,等到用户需要看的时候在加载,给服务器减压

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

推荐阅读更多精彩内容

  • 题目1:如何判断一个元素是否出现在窗口可视范围(浏览器的上边缘和下边缘之间,肉眼可视)。写一个函数 isVisib...
    阿鲁提尔阅读 345评论 0 1
  • 题目1:如何判断一个元素是否出现在窗口可视范围(浏览器的上边缘和下边缘之间,肉眼可视)。写一个函数 isVisib...
    柚丶稚橙熟时阅读 176评论 0 0
  • 如何判断一个元素是否出现在窗口可视范围(浏览器的上边缘和下边缘之间,肉眼可视)。写一个函数 isVisible实现...
    _Dot912阅读 1,691评论 10 8
  • 1- 如何判断一个元素是否出现在窗口可视范围(浏览器的上边缘和下边缘之间,肉眼可视)。用函数isVisible实现...
    osborne阅读 463评论 0 1
  • 我们这一生爱过很多人,也恨过很多人。终其一生,不过是尘归尘,土归土,可是个中滋味,也只有当事人明了。一段爱情,不过...
    卿九久阅读 440评论 10 4