随笔分类 -  用户体验

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 ranyonsue 阅读(1274) 评论(0) 推荐(0)

web前端图片模糊到清晰的实现过程
摘要:在网页图片显示的时候,会发现许多网站采用了先模糊,然后在慢慢清晰的过程,这样的加载用户体验是比较好的,那么如何实现? 默认加载2张图片,一张缩略图,一张原图,当打开网页的时候默认只显示缩略图,然后我们把缩略图模糊处理后按照原图尺寸显示,这样做的目的是为了提高用户体验; 使用js去监听原图的加载,当原 阅读全文

posted @ 2019-10-29 17:53 ranyonsue 阅读(3703) 评论(0) 推荐(0)

如何实现下拉弹出框渐渐弹出
摘要:直接上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 ranyonsue 阅读(761) 评论(0) 推荐(0)

导航