一、图片加载失败后 img 优化展示

1、问题来源

在涉及到前端请求后端接口返回图片源地址的情况下，如果返回的是一个错误或无效的图片地址( 含无效值 null/undefined/“”等 )，页面上的图片难免会变成下面这种浏览器默认的样式：

这种样式的问题是：视觉感受很不美观，用户体验很差。因此，项目开发中需要对图片加载异常的场景做特殊处理。

2、解决方案

首先，我们可以参考下MDN文档里的处理方法：

When a resource (such as an or