欧美极品高清xxxxhd,国产日产欧美最新,无码AV国产东京热AV无码,国产精品人与动性XXX,国产传媒亚洲综合一区二区,四库影院永久国产精品,毛片免费免费高清视频,福利所导航夜趣136

標(biāo)題: 前端防抖和節(jié)流js實(shí)現(xiàn) [打印本頁(yè)]

作者: xmjso6666 時(shí)間: 2021-7-7 19:13
標(biāo)題: 前端防抖和節(jié)流js實(shí)現(xiàn)
防抖和節(jié)流：均是減少某一函數(shù)頻繁執(zhí)行消耗內(nèi)存和資源的情況(減少執(zhí)行次數(shù))。

防抖：規(guī)定在多久時(shí)間內(nèi)沒(méi)有動(dòng)作觸發(fā)函數(shù)才執(zhí)行該函數(shù)。

場(chǎng)景舉例：用戶滾輪滑動(dòng)顯示距離頁(yè)頂?shù)母叨取?br />    //顯示頁(yè)頂高度
   function showTop(){
      console.log(document.body.scrollTop||document.documentElement.scrollTop)
      time = null;
   }
   //防抖函數(shù)
   function rejectShook(){
      var time = null;
      return function(){
      if(time==null){
      //新建計(jì)時(shí)器，到時(shí)console
            time = setTimeout(showTop,200)
      }else{
      //沒(méi)到時(shí)間刪除老計(jì)時(shí)器,新建另一計(jì)時(shí)器.
            clearTimeout(timer);
            time =setTimeout(showTop,200)
      }
      }
   }
window.onscroll =rejectShook(showTop);

  2.節(jié)流：類型于技能冷卻，觸發(fā)后一定時(shí)間不再觸發(fā)
   function showTop(){
      console.log(document.body.scrollTop||document.documentElement.scrollTop;);
   }
   window.onscroll =lessRender();
   function lessRender(){
   //定義一個(gè)冷卻,初始未冷卻：false
   var lique =false;
   return function(){
      //查詢當(dāng)前狀態(tài)
         if(lique){
         return;~~~~
         }else{
         show();
         lique = true;
         //重新進(jìn)入冷卻,2s后可以再觸發(fā)
         setTimeout(()=>{lique=false},2000)
      }
   }
   }

歡迎光臨 (http://www.raoushi.com/bbs/)