は、ウィンドウが、私は次のようないくつかのスクリプトを持っている機能のパフォーマンス

Question

のサイズを変更するスピードアップ：

var breakpoints = [0,240,480,960,9999], 
    bpCount = breakpoints.length, 
    windowsize = 0; 

window.onresize = function() { 

    windowsize = document.body.clientWidth; 

    for(var i=0; i<bpCount; i++) { 
     if(windowsize >= breakpoints[i] && windowsize < breakpoints[i+1]) { 
      doSomething(breakpoints[i]); 
      break; 
     } 
    }  

}; 

しかし、これはまともなPC上でもChromeで、かなりゆっくり実行しているようだ、と 'doSomethingのは、ただ実行している場合でも、 'console.log'なので、画面サイズがサイズ変更の際に2つの値の間にあるかどうかを調べる良い方法があるかどうかは疑問でした。

おかげ

Answer 1

はサイズ毎回をポーリングしないでください。あまりにも多くのコンピューティングパワーを使用しています。

代わりに、タイマーを作成し、（10 msが速すぎるかもしれません）しょっちゅうサイズのチェック：

var checkWindowSizeTimer; 

function checkWindowSize() { 
    var windowsize = document.body.clientWidth; 

    if (windowsize >= breakpoints[i] && windowsize < breakpoints[i+1]) { 
     doSomething(breakpoints[i]); 
     clearInterval(checkWindowSizeTimer); 
    } 
} 

window.onresize = function() { 
    checkWindowSizeTimer = setInterval(checkWindowSize, 10); 
} 

窓があなたのバウンド、タイマー終了を過ぎてサイズが変更された場合。