JS编程建议——76:要重视函数节流

  • 时间:
  • 浏览:0

建议76:要重视函数节流

比起非DOM交互,DOM操作并能 更多内存和CPU时间。连续尝试进行没有来越多的DOM相关操作原因分析 会原因分析 浏览器调慢甚至崩溃。函数节流的设计思想可是我 让或多或少代码并能 在间断状况下连续重复执行,实现的法子是使用定时器对函数进行节流。

类似,在第一次调用函数时,创建有另一俩个多多定时器,在指定的时间间隔后执行代码。当第二次调用时,清除前一次的定时器并设置原来,实际上可是我 前有另一俩个多多定时器演示执行,将其替换成有另一俩个多多新的定时器。

var processor = {

}

函数节流处里的间题图片是或多或少代码(不怎么是事件)的无间断执行,你这名 间题图片严重影响了浏览器的性能,原因分析 会造成浏览器反应速率单位调慢或直接崩溃,如resize、mousemove、mouseover、mouseout等事件的无间断执行。这时加入定时器功能,将事件进行“节流”,即在事件触发的原来设定有另一俩个多多定时器来执行事件处里守护程序,并能 在很大程度上减轻浏览器的负担。类似应用如支付宝中的“导购场景”导航,以及当当网首页左边的导航栏等,你这名 时会为了处里mouseover和mouseout移动过快给浏览器处里带来的负担,不怎么是减轻涉及Ajax调用给服务器造成的极大负担。类似:

oTrigger.onmouseover = function(e) {//原因分析 上有另一俩个多多定时器还没有执行,则先清除定时器

};

//尝试结束执行

Processor.process();

错综复杂模式:

function throttle(method,context){

}