懒加载

课程目的

  • 熟练使用jquery 事件
  • 理解懒加载的原理
  • 熟悉模块式编程方式

课程内容

懒加载(曝光加载)原理

当图片或者dom节点出现在视野中后再去加载图片或者模块

简单实现

demo

图片懒加载-简单

模块化

demo

图片懒加载-模块化

通用化

demo

懒加载-通用

思考
  • 如果窗口resize了
  • 如果节点加入重复了
  • 怎样判断元素是在视窗范围内