先为 `src` 赋值成一个通用的预览图,下拉时候再动态赋值成正式的图片。
`preview.png`是预览图片,比较小,加载很快,而且很多图片都共用这个`preview.png`,加载一次即可。
待页面下拉,图片显示出来时,再去替换`src`为`data-realsrc`的值。
<img src="preview.png" data-realsrc="abc.png"/>
这里为何要用`data-`开头的属性值?
所有 HTML 中自定义的属性,都应该用`data-`开头,因为`data-`开头的属性浏览器渲染的时候会忽略掉,提高渲染性能。