1.使用JS让按钮在点击一次后禁用（disable）。采用这种方法可以防止多次点击的发生，实现方式较简单。 缺点是若客户端禁止JavaScript脚本，则失效。 2.在提交成功后执行页面重定向（redirect）。转到提交成功信息页面。 特点：避免F5重复提交，消除浏览器前进和后退按钮可导致的同样问 ...
分类：
Web程序 时间：
2017-03-08 19:22:39
阅读次数：
178
最近在做一个小项目，有一个功能是根据用户选择条件查询数据，要求时间控件的默认值为空，只有当用户修改了时间，才根据时间查询。简单的说，就是默认或者点击清空按钮的情况下，时间控件dateTimePicker的值为空，当触发事件ValueChanged时再显示相对应的时间。 开始，我以为修改控件的默认值为 ...
在上家公司做项目的时候，做了个60秒获取验证码的功能，当时做了个定时器，按钮触发定时器，逻辑来讲都是没问题的，但是实际操作的时候，恶意的在短时间内多次点击那个获取验证码按钮，按钮的点击事件被调用了多次，定时器从而也调用多次，本来一秒减一的事件变成了一秒减多，并且减到0后继续调用方法，直到响应点击次数 ...
分类：
移动开发 时间：
2017-02-24 19:43:07
阅读次数：
627
函数节流 throttle and debounce的相关总结及想法 一开始函数节流的使用场景是：放止一个按钮多次点击多次触发一个功能函数，所以做了一个clearTimeout setTimeout函数 代码的意思就不做多说了，实际上我无意间实现了一个debounce在underscore.js中对 ...
分类：
Web程序 时间：
2017-01-10 21:33:07
阅读次数：
467
点一个按钮，则向服务器请求资源，不作处理时，多次点击后会有很多个请求在等待。我们知道一般我们用ajax是异步请求，那么我们快速重复点击一个按钮得到的结果其实我们并不知道是哪次点击的结果可能是第一次可能是最后一次也可能是第二次。那么我们怎么解决这个问题呢，简单粗暴的方法就是在发送请求的时候将按钮dis ...
分类：
Web程序 时间：
2017-01-03 14:37:02
阅读次数：
665
$(function(){ $('#btn').click(function(){ var obj = $(this); //has_click 防止重复多次点击 var has_click = obj.attr('has-click'); if(has_click == '1'){ return; ...
分类：
Web程序 时间：
2017-01-01 00:51:09
阅读次数：
446
今天在写个图片切换的问题 有动画滞后的问题，才动手去查setTimeout 和clearTimeout。之前写的图片播放器也有类似的问题，有自动start按钮 和stop按钮， 其他都正常，问题出在每次多次快速的点击start按钮时，图片播放的速度会变块很多，而且没有规律。当时也没有去想这个问题，直 ...
分类：
其他好文 时间：
2016-12-04 16:55:36
阅读次数：
163
项目中常会遇到在按钮的点击事件中去执行一些耗时操作。如果处理不当经常会出现连续多次点击push多次的情况，造成不好的用户体验。 一种情况是用户快速连续点击，这种情况无法避免。另一种情况是点击一次后响应时间太长，导致用户一直停留在点击界面，也会去再此点击按钮确认是否能执行下一个界面。虽然我们可以在用户 ...
分类：
移动开发 时间：
2016-11-17 18:44:14
阅读次数：
498
2016年11月17日 11:30:45 星期四 1.适配： a) APP弹窗大屏幕适配（例如， 是否居中） 2.按钮状态： a) 按钮点击后没有disable 如果新页面加载卡顿导致用户多次点击，生成多次请求 b) 按钮disable后什么时候enable（例如，输入错误，接口返回error，按钮 ...
分类：
其他好文 时间：
2016-11-17 12:49:35
阅读次数：
124
web前端开发中防治重复提交 web前端数据请求或者表单提交往往通过对dom的点击事件来操作，但是往往因为认为点击过快（少年手速挺快的嘛），或者因为响应等待使得用户误人为没操作而重复很多次点击，造成表单数据的连续重复提交，造成用户体检的不好，甚至影响到整个系统的安全性。而前端的防治重复提交至少很有效 ...
分类：
Web程序 时间：
2016-10-26 07:25:56
阅读次数：
203
