函數(shù)節(jié)流

  技術(shù)一般水平有限,有什么錯的地方,望大家指正。

  函數(shù)節(jié)流就是節(jié)約函數(shù)的調(diào)用,讓函數(shù)少執(zhí)行幾次,一般用在onmousemove,onresize這種我們只要稍微一動就會砰砰砰執(zhí)行多次的事件處理函數(shù)上。如果處理函數(shù)很復(fù)雜有執(zhí)行很多次就很耗性能關(guān)鍵了有的是沒有必要執(zhí)行的。

  我們先說一個經(jīng)常遇見的情況,鼠標(biāo)放在按鈕上顯示下拉菜單,鼠標(biāo)離開下拉菜單消失,通常我們這么寫:

//title表示標(biāo)題元素,content表示下拉菜單$("#title").hover(function(){
  $("#content").show();
},function(){
  $("#content").hide();
})

  當(dāng)我們快速劃過的時候,會看到下拉菜單會先出現(xiàn)然后立即隱藏傳說中的閃一下,我們知道用戶快速劃過時一般情況下并不是要查看下拉菜單的,所以我們要避免下拉菜單閃一下的這種事,通常我們的做法就是加一個定時器:

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

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

網(wǎng)友評論