JavaScript 성능 최적화 요약_javascript 기술-JS 튜토리얼-php.cn

JavaScript 성능 최적화 요약_javascript 기술

WBOY

풀어 주다： 2016-05-16 15:36:53

원래의

1064명이 탐색했습니다.

Web2.0 기술이 지속적으로 발전하면서 점점 더 많은 애플리케이션이 클라이언트 측 처리에 JavaScript 기술을 사용하게 되었으며, 이로 인해 브라우저에서의 JavaScript 성능은 개발자가 직면한 가장 중요한 사용성 문제가 되었습니다. 이 문제는 JavaScript의 차단 특성으로 인해 복잡해집니다. 즉, 브라우저가 JavaScript 코드를 실행할 때 동시에 다른 작업을 수행할 수 없습니다. 이 문서에서는 브라우저에서 성능을 향상시키기 위해 JavaScript 코드를 올바르게 로드하고 실행하는 방법을 자세히 설명합니다.

J2EE 프로그래밍에서 우리가 가장 많이 접하는 스크립트 언어는 JavaScript입니다. JavaScript를 사용할 때 일반적으로 성능 문제를 고려하므로 쿼리에 대한 JavaScript 성능 최적화 방법을 매일 요약하여 정리합니다.
JavaScript를 사용할 때 문자열 연결 문제가 자주 발생합니다. Java 프로그래밍을 사용할 때 위와 같은 문제가 발생하면 어떻게 처리해야 하는지 묻고 싶습니다.

NX 학생: 선생님, StringBulider 또는 StringBuffer를 사용하세요

선생님: 정답입니다. StringBuilder나 StringBuffer를 사용하면 너무 많은 개체를 생성하고 시스템 성능을 저하시키는 것을 방지할 수 있습니다.

자, 다시 본론으로 돌아가서, JavaScript를 사용할 때 위의 문제를 어떻게 처리할지에 대한 질문에 답해 보겠습니다.

먼저 NX 학생들이 어떻게 처리되는지 살펴보겠습니다.

<html> 
<script type="text/javascript"> 
var string="begin" 
var date = new Date() 
var begin = date.getTime() 
 
for(var i=0;i<9999999;i++){ 
  string+="abc" 
} 
alert(new Date().getTime() - begin) 
</script> 
</html>

로그인 후 복사

선생님은 NX 학생들이 그것을 성취하는 모습을 보고 웃을 뻔했습니다. 이런 종류의 쓰레기 구현은 실제로 당신의 평생 평판을 망칠 것입니다.
선생님은 웃으며 말했습니다. 당신의 구현 방법은 초등학생 수준과 같습니다. 그것은 단지 정크 편지 묶음을 무작위로 조합한 것입니다. 그렇게 말한 후 SB 선생님이 빠르게 키보드로 코드를 치는 소리가 들렸습니다. NX 학생들이 반응하기 전에 교사는 이미 다음 코드를 완성했습니다.

<html> 
<script type="text/javascript"> 
var string="begin"; 
var string01=["begin"]; 
var date = new Date(); 
var begin = date.getTime(); 
for(var i=0;i<55555555;i++){ 
  //string+="abc"; 
  string01.push("abc"); 
} 
var result = string01.join(""); 
alert(new Date().getTime() - begin); 
</script> 
</html>

로그인 후 복사

위 코드의 실행을 비교해 보면 교사 코드의 성능이 NX 학생 코드의 성능보다 훨씬 뛰어납니다. NX 학생 코드로 인해 IE가 충돌하는 경우가 많습니다.
NX 학생들은 코드를 실행한 결과를 보자마자 선생님을 존경하고 선생님께 겸손히 배우고 끊임없이 발전해 나가기로 결심했습니다...
비록 이 이야기는 끝났지만, 교사와 NX 학생들의 JavaScript 여정은 계속됩니다...