スロットル教師Shiqianfengのフロントエンドのパフォーマンスの最適化

Shiqianfengルート教師職人オープンフォワード方式が絞られているフロントエンドのパフォーマンスの最適化の拡張及び安定化を説明します。

スロットル：一定時間内に行われたイベントの数の削減。

ルート教師はスロットル問題の閉鎖によって解決されます。

コードは次のよう：

<DIV CLASS = "ボックス"> </ div>

　

//関数クロージャを絞ることによって達成される
機能スロットル（コールバック、待つことを）{ 
    //設定された実行時間を食べて
    、LET PREV = 0; 
   //戻り値関数
   の戻り機能（）{ 
        //現在のタイムスタンプを取得し
        、今= Date.nowをしましょう（）; 
        //パラメータを取得し
        、引数の=引数聞かせて
        現在の時刻との時間を作るために決定され、//上の
        時間の数- （PREV>今待たを）{ // 現在の時刻マイナスのタイムスタンプのタイムスタンプがセット実行の場合よりも大きい場合実行
            //この設定点
             callback.apply（この、引数）; 
            //更新実行時間
            PREV =今; 
       } 
    }                     
}    

//要素が取得
させdocument.querySelectorボックス=（ "ボックス"）; 

 の//数

LET 0 = CONT; 

//設定したイベント
スロットル= box.onmousemove（関数（）{
 　　++ CONT; 
    はconsole.log（ "イベント実行" + CONT + "倍"）; 

}、1000）