react 加载img出错 使用onError解决
摘要：使用场景：src的url路径是通过接口拿到的，如果拿到的url显示404，前端是无法判断404的，这个时候可以使用onError事件做一个备用图处理 1.onError <img src='要显示的图片路径' onError={(e) => {e.target.onerror = null;e.ta
阅读全文
posted @ 2022-09-22 13:27
随笔分类 - 用户体验
web前端图片模糊到清晰的实现过程
摘要：在网页图片显示的时候，会发现许多网站采用了先模糊，然后在慢慢清晰的过程，这样的加载用户体验是比较好的，那么如何实现？ 默认加载2张图片，一张缩略图，一张原图，当打开网页的时候默认只显示缩略图，然后我们把缩略图模糊处理后按照原图尺寸显示，这样做的目的是为了提高用户体验； 使用js去监听原图的加载，当原
阅读全文
posted @ 2019-10-29 17:53
如何实现下拉弹出框渐渐弹出
摘要：直接上demo： <div class="container showdiv fadediv"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> .container { overflow:
阅读全文
posted @ 2019-10-14 15:38
