图片的懒加载和预加载

懒加载：又称延迟加载，需要等到某个情况下才加载，相对可以缓解服务器压力。

实现原理：以懒加载图片为例，当加载图片较多时，所有的图片初始化加载一个较小的loader图(占位图)，将图片实际地址存到img的自定义属性里，将图片滚动到可视区域时在将自定义属性的值付给图片的src。

预加载：提前加载，提前将图片存到本地服务器，通过增加服务器负担达到提升用户体验的作用。

实现原理：将所有的图片预加载存放到本地缓存中，通过new Image()，设置其src来实现预载，再使用onload方法回调预载完成事件。只要浏览器把图片下载到本地，同样的src就会使用缓存。当Image下载完图片后，会得到宽和高，因此可以在预载前得到图片的大小。