> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 단순 성능 문제 및 학습 노트_javascript 기술

JavaScript 단순 성능 문제 및 학습 노트_javascript 기술

WBOY
풀어 주다: 2016-05-16 17:01:25
원래의
936명이 탐색했습니다.

1. 각 <script> 태그는 처음 다운로드될 때 페이지 렌더링을 차단하므로 가능한 한 적은 수의 <script> 태그가 있어야 합니다. <br>2. < script> 태그를 페이지 상단에 배치하지 말고, <body> 하단에 배치하세요. 왜냐하면 각 <script> 파일이 다운로드되고 브라우저는 모든 js/css가 다운로드될 때까지 기다립니다. 페이지는 완료 후에만 표시됩니다. <br> 3. 여러 js 파일을 가져와야 하는 경우 일반적으로 두 개의 <script src=를 작성합니다. "..." />는 실제로 일회성 가져오기를 지원합니다. 예: <script src="file1.js&file2.js" /> script> 태그: defer는 이 요소에 포함된 스크립트가 수정되지 않음을 나타냅니다. 따라서 코드는 안전하게 실행을 지연할 수 있지만 이 속성은 IE4 및 Firefox3.5 브라우저에서만 지원됩니다. 다른 브라우저에서 사용하는 경우에는 바로 무시됩니다. <br> </p><script type="text/javascript" src="file1.js" 연기 /> <p>, 테스트 검증 연기 속성 예: </p> <p></p> <p></p> <div class="codetitle"><span>코드 복사<a style="CURSOR: pointer" data="23130" class="copybut" id="copybut23130" onclick="doCopy('code23130')"><u></u> 코드는 다음과 같습니다.</a></span></div><script defer>alert("defer "); </script>

<script>alert("script");</script>
<script> <br>window.onload = function() { <br>alert( "로드" ) <br>}; <br></script>


우리가 일반적으로 이해하는 바에 따르면 이 코드의 실행 순서는 defer, script, load 여야 하지만 defer를 지원하는 브라우저의 순서가 script, defer, load인 경우 여기에 주목해야 합니다. defer는 수행됩니다. not follow 스크립트 이후에 실행되지만 onload 이벤트가 처리되기 전에 호출됩니다.

시간이 한정되어 있으니 오늘은 많이 녹음하자

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿