分类：react图片加载

2021
07-22

react 实现图片正在加载中 加载完成 加载失败三个阶段的原理解析

最近博客写道项目列表中，发现这里比较多图片，一开加载会比较慢，然后就想要用一个loading的图片来占位。与此同时,如果图片加载失败那么显示错误的图片，不显示一个原有的错误，那样比较难看。效果原理解析这个就是一个组件，一个图片展示的组件，直接更改img标签的url地址就好，对的，是这样的，在vue中直接更改地址，vue会有响应式的更新数据。图片的事件图片是有许多的事件的，例如，onload,onerror等,图片只要一加载就会调用... 继续阅读 >