懒加载：打开一个网站，上面有很多图片。但一开始时图片并没有展示出来，而是 loading 的状态或是某公司的 logo。但当滚动页面看到图片时，它会立刻变为一个实际对应的图片。当继续再向下滚动页面时，，所有图片都由 loading 状态或白屏状态变为图片的真实状态。
实现懒加载：
- 在一开始时，把所有需要展示图片的地方换成一个默认的图片，并利用自定义属性指向真正的图片地址。因为所有图片都指向同一个图片，所以网络请求只发一次，其余的同样地址的从缓存提取
- 然后判断图片位置是否在可视区域内。如果在，把自定义属性里的真正地址替换到 src 属性里，使图片加载。
元素宽度相等，高度随机，第一行放满后，下一个元素填补最短的那一列（高度最小），后面的元素以此类推。
- 获取 page=1 的10条数据
- 把10条数据拼装成 DOM 放到页面上
- 使用瀑布流去摆放DOM的位置
- page++
当 load 出现在眼前的时候：
- 获取page的10条数据
- 把10条数据拼装成 DOM 放到页面上
- 使用瀑布流去摆放 DOM 的位置
- page++