首页 > 其他 > 详细

节流函数&防抖函数 柯里化函数

时间:2018-10-07 18:44:50      阅读:160      评论:0      收藏:0      [点我收藏+]

/*
onscroll
onresize
input
。。。。。


节流函数
让高频率事件进行减少触发变成低频率事件

var bStop = true;
window.onscroll = function() {
if(!bStop){
return;
}

 

bStop = false;
setTimeout(()=>{
var t = document.documentElement.scrollTop || document.body.scrollTop;
console.log(t);
bStop = true;
},300)
}

函数防抖
当高频率事件触发的时候 我们不需要知道频繁触发的过程,只需要知道最后的结果
*/
var timer = null;
window.onscroll = function(){
if(timer){
clearTimeout(timer);
}

timer = setTimeout(()=>{
var t = document.documentElement.scrollTop || document.body.scrollTop;
console.log(t);
},300)
}
</script>

/*
惰性函数 和 柯里化函数

*/

function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr]
}else{
return getComputedStyle(obj,false)[attr];
}
}


function getStyle(obj,attr){
if(obj.currentStyle){
getStyle = function(obj,attr){
return obj.currentStyle[attr];
}
}else{
getStyle = function(obj,attr){
return getComputedStyle(obj,false)[attr];
}
}
return getStyle(obj,attr);
}

 

节流函数&防抖函数 柯里化函数

原文:https://www.cnblogs.com/carolavie/p/9750732.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!