使用防抖动(debounce)优化页面滚动
2017-05-16 16:48
190 查看
优化前代码
var i = 0;
window.addEventListener('scroll',function(){
console.log(i++);
},false);
优化后代码:
var debounce = null;
window.addEventListener('scroll',function(){
if(debounce){
clearTimeout(debounce);
}
debounce = setTimeout(function(){
console.log("scroll");
},500);
})
var i = 0;
window.addEventListener('scroll',function(){
console.log(i++);
},false);
优化后代码:
var debounce = null;
window.addEventListener('scroll',function(){
if(debounce){
clearTimeout(debounce);
}
debounce = setTimeout(function(){
console.log("scroll");
},500);
})
相关文章推荐
- 针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(转载)
- 针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源码)
- 使用CATransition实现scrollView的多张页面滚动
- php session阻塞页面分析及优化 (session_write_close session_commit使用)
- 使用Skrollr创建视差滚动效果页面
- 针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源码)
- 网站性能优化,使用velocity实现页面静态化,实现实时更新静态页面
- 使用iframe window的scroll方法控制iframe页面滚动
- 使用CATransition实现scrollView的多张页面滚动
- 滚动加载|页面滑到底部加载数据|jquery.endless-scroll插件|使用demo
- 针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源码)
- 多GridView页面中使用AJAX的优化方法
- 使用Jquery搭建最佳用户体验的登录页面。(优化点点网登录页面)
- 使用iframe window的scroll方法控制iframe页面滚动
- 使用 jQuery Ajax 在页面滚动时从服务器加载数据
- 针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试
- ASP.NET页面进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源
- Thinkpad使用傲游浏览器的时候,无法滚动页面怎么办?
- 使用Skrollr创建视差滚动效果页面
- ECShop页面标题优化--使用自定义标题