antimoderate 渐进式图片加载的 JavaScript 库

github: https://github.com/whackashoe/antimoderate

 

因为遇到了一个页面加载很多超大图的开发场景，直接加载用户体验很差，加载的时候是这样的：

 

用了antimoderate是这样的：

当然，这张纯色图是我随便p的，也可以换成其他base64位的图片，例如当前图片的缩略图，因为我们后台没有处理，所以都统一用一张了。

代码：

html:

<img style="width: 300px;height: {
  {(i.imageInfo.height/i.imageInfo.width)*300}}px" ng-src="{
  {fileSystem+i.imageInfo.imageUrl}}/mic" class="antimoderate" data-antimoderate-idata="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA