는 나는이 다음과 같은 몇 가지 스크립트가

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에 심지어 크롬, 매우 느리게 실행되는 것을, 심지어 '해봐요'는 바로 수행 할 때 'console.log'입니다. 그래서 화면 크기가 두 개의 값 사이에서 크기가 조정되는지 여부를 확인하는 더 좋은 방법이 있는지 궁금합니다.

감사

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); 
} 

창은, 당신의 경계를지나 타이머 종료 크기가 조정됩니다.