函数节流

  技术一般水平有限,有什么错的地方,望大家指正。

  函数节流就是节约函数的调用,让函数少执行几次,一般用在onmousemove,onresize这种我们只要稍微一动就会砰砰砰执行多次的事件处理函数上。如果处理函数很复杂有执行很多次就很耗性能关键了有的是没有必要执行的。

  我们先说一个经常遇见的情况,鼠标放在按钮上显示下拉菜单,鼠标离开下拉菜单消失,通常我们这么写:

//title表示标题元素,content表示下拉菜单$("#title").hover(function(){
  $("#content").show();
},function(){
  $("#content").hide();
})

  当我们快速划过的时候,会看到下拉菜单会先出现然后立即隐藏传说中的闪一下,我们知道用户快速划过时一般情况下并不是要查看下拉菜单的,所以我们要避免下拉菜单闪一下的这种事,通常我们的做法就是加一个定时器:

大学生就业培训,高中生培训,在职人员转行培训,企业团训

var timer;
$("#title").hover(function(){
    timer = setTimeout(function(){
        $("#content").show();
    },100)
},function(){
    clearTimeout