js resize、scroll函数节流与函数防抖
来源:互联网 发布:最优化求解过程 编辑:程序博客网 时间:2024/04/30 09:03
resize和scroll方法触发时会被频繁调用,致使页面产生性能问题,所以我们使用函数节流和函数防抖来解这个决问题
函数防抖
//scroll方法中的do somthing至少间隔500毫秒执行一次window.addEventListener('scroll',function(){ var timer;//使用闭包,缓存变量 return function(){ if(timer) clearTimeout(timer); timer = setTimeout(function(){ console.log('do somthing') },500) }}());//此处()作用 - 立即调用return后面函数,形成闭包
函数节流
//scroll方法中当间隔时间大于2s,do somthing执行一次window.addEventListener('scroll',function(){ var timer ;//使用闭包,缓存变量 var startTime = new Date(); return function(){ var curTime = new Date(); if(curTime - startTime >= 2000){ timer = setTimeout(function(){ console.log('do somthing') },500); startTime = curTime; } }}());//此处()作用 - 立即调用return后面函数,形成闭包
0 0
- js resize、scroll函数节流与函数防抖
- js函数防抖与函数节流
- JS函数节流防抖
- 函数节流与防抖
- 函数防抖与节流
- 函数节流与防抖
- js函数节流-性能-resize
- 函数防抖与函数节流
- 函数节流与函数防抖
- [转载]函数节流与函数防抖
- 函数节流与函数防抖
- 函数节流与防抖的实现
- 函数节流 + 函数防抖
- 函数防抖和节流
- 函数的节流 & 防抖
- 函数防抖和函数节流
- 函数节流与防抖(参考lodash)
- 事件委托、函数节流及防抖
- Power of Four
- java编程思想读书笔记 第一章和第二章
- Android系统更改状态栏字体颜色
- java练习--贷款
- Swing实现系统托盘功能
- js resize、scroll函数节流与函数防抖
- Android从图库选择照片并获取图片的path
- 《Effect C++》学习------条款23 :宁以non-member、non-friend替换member函数
- DrawerLayout侧拉菜单的实现
- [kuangbin带你飞]专题一 简单搜索 N HDU 2612
- Servlet 中文乱码问题及解决方案剖析
- 第十二期 U-Boot工作原理 《路由器就是开发板》
- android教程之intent的action属性使用示例(intent发短信)
- 程序的重定位问题(程序装入)