开关切换
页面上：用户每次点击都会切换switch开关的状态；
接口上：每次响应成功之后才能去切换switch的状态；
使用场景：用户会习惯性狂点switch直到switch切换，但是由于用户点击速度过快，
上次点击的响应还没回来，用户就又发送了一个或者多个请求，导致接口报错！
从前端角度，如何规避这些问题，并让用户体验最佳 (*❦ω❦)？？？
图1：错误代码
如上图1：菜鸟级写法：就当做普通发送请求就完事了，啥也不管！~
结果使用的时候各种报错，点的越快，报错越多，约点越闹心，QAQ··
图2：页面代码
图3：代码
如图3：我们通过给switch添加disabled属性来控制用户的连续点击，防止用户重复提交；
思路：用户每次点击完，disabled属性设置为true，不再让用户操作，直到响应回来之后，
将disabled恢复为false，可让用户操作，从而发送请求！
Tips:这个disabled属性直接绑定在每个switch所在数据对象上
如何设计的优雅 点赞/取消赞，开关切换 的请求的发送 页面上：用户每次点击都会切换switch开关的状态； 接口上...
最近写了个点赞功能，觉得如果点赞与取消点赞只是更换一下按钮图片，太简单，不够酷炫。。。就想起了粒子效果引擎，有了想...
需求 在某些时候，需要对请求进行延时处理。例如：对某条评论进行点赞，如果用户无限点击赞/取消赞按钮，就会无限发出请...
点赞操作：客户端只处理点赞的状态和取消点赞的状态，具体就是点赞后图标变红，下面的点赞数+1，取消点赞时，图标去红，...
需求： 点赞/取消点赞后，头像要有移动动画。 思路：点赞：已有头像右移，新增头像渐变出现 取消点赞： 个人已点赞可...
Ins取消点赞 最近Instagram宣布取消点赞功能，不管是1个赞还是1000000个赞，统统都是others。...
实现一个点赞和取消赞的功能，要求接口返回点赞或者取消赞成功后更新UI界面，且自己的头像置于点赞行最前。接口给的点赞...
写仿豆瓣的时候经常会遇到一个点赞的按钮，点一下赞了 它的样式也改变了，然后再点一下还可以取消。于是打算封装一个点赞...
点赞的组件 点一次就是点赞,再点一次就是取消点赞,不能多次点赞. 全局组件 -------------------...
本文标题：2019-04-24 关于点赞与取消赞按钮的设计
本文链接：https://www.haomeiwen.com/subject/hnwwgqtx.html
网友评论