画像安定化およびテストするためのスロットル

簡単な知識のために、スロットリングは、あなたがグーグルを使いたいときに理解し、通常より良い、常に混乱し、愚かな概念を伝えることができなかったが、面接が逆転した場合、それは死んで振ります、スコアを保持するようにしてください。

スロットリング

イベント特定のイベントハンドラを確保するために、焼成を維持するだけの期間後に呼び出されたとき（生活の信仰ビュー私は毎日宝物を訪問したが、支出をカットし、だけ絞るた1ヶ月を、買うために自分自身を制限します）

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
    < メタのcharset = "UTF-8" /> 
    < タイトル>节流</ タイトル> 
</ ヘッド> 
< 身体> 
< div要素のid = "アプリ" スタイル= "高さ：600PX" > </ DIV > 
< スクリプト> 
    window.onload =  関数（）{
        関数testFn（）{ 
           コンソール。）
       } 
       関数commonFn（値）{ 
           ましょう時間=  NULL 
           戻り 関数（）{
                場合（！時間）{ 
                    時間= のsetTimeout（（）=> { 
                        testFn（）
                        時間=  NULL ; 
                    }、値）。
               } 
                
           } 
       } 
       window.addEventListener（' スクロール' 、commonFn（2000 ））
    } 
</ スクリプト> 
</ ボディ> 
</ HTML >

 

シェイク

イベントは、もはやイベントをトリガしない一定の期間を発射維持する場合は、イベントハンドラが設定された時間が来る前にあれば、もう一度再起動されたイベントをトリガし、一度に実行されます

<！DOCTYPE HTML>
 < HTML > 
< ヘッド> 
    < メタのcharset = "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < タイトル>抖动</ タイトル> 
</ ヘッド> 
< 身体> 
< div要素のid = "アプリ" スタイル= "高さ：1000px" > </ divの> 
< スクリプト>
    window.onload =  関数（）{ 
        window.addEventListener（' スクロール' 、関数（）{ 
            ましょう時間=  NULL 
            戻り 機能（RES）{ 
                てclearTimeout（時間）
                時間= のsetTimeout（（）=> { 
                    にconsole.log（245 ）
                }、1000年）
            } 
        } （））。
    } 
</ スクリプト> 
</ ボディ> 
</ HTML >