지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > Javascript의 defer 속성 및 async 속성 사용법에 대한 자세한 설명

Javascript의 defer 속성 및 async 속성 사용법에 대한 자세한 설명

云罗郡主
풀어 주다： 2018-10-17 15:13:39
앞으로
1929명이 탐색했습니다.

이 글은 자바스크립트에서 defer 속성과 async 속성의 사용법에 대해 자세히 설명하고 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

js 파일을 비동기식으로 로드해야 하는 이유:

비동기를 사용하지 않으면 문서에서 js 코드를 로드할 때 다른 리소스의 다운로드를 차단하여 빈 페이지가 생성됩니다.

(1) 상단에 배치된 js 스크립트는 브라우저가 외부 링크 파일의 코드를 다운로드하고 실행하는 데 시간이 걸립니다. 이로 인해 명백한 지연이 발생하고 사용자가 콘텐츠를 탐색할 수 없고 볼 수 없습니다. 페이지와 상호작용하세요.

(2) IE8, Firefox3.5, Safari4 및 Chrome2는 모두 Javascript 파일의 병렬 다운로드를 허용하고 스크립트 다운로드 프로세스가 서로 영향을 미치지 않지만 페이지 로드는 모든 Javascript 코드가 나타날 때까지 기다려야 합니다. 계속하기 전에 다운로드되어 실행됩니다. 따라서

저자별 최신 기사
최신 이슈
MySQL SQL 쿼리를 사용하여 다른 테이블의 필드 합계를 계산합니다. 다음과 같은 스키마가 있습니다. "user_id" 및 "username" 속성이 있는 사용자 테이블과 "custome...
에서 2024-04-06 19:39:29
0
1
441
JSON 응답 객체에 Endpoint _header 속성을 추가하세요. 원격 엔드포인트 서비스(npoint.io)에서 데이터 가져오기를 테스트하고 있습니다. 응답 객체를 다시 받으면 JSON에 "_headers" 속...
에서 2024-04-05 10:35:39
0
1
1376
Angular 7은 SCSS에서 중복 속성을 제거합니다. AngularSASS(.scss)는 속성을 제거합니다. 브라우저 간 호환성을 위해 중복 속성을 포함할 수 있도록 이런 일이 발생하지 않도록 하려면 어떻게 해야 합...
에서 2024-04-04 23:28:54
0
1
1382
Flutter, Laravel 및 PHP를 사용하여 API 응답에서 "students" 배열의 "type" 속성에 액세스하는 방법은 무엇입니까? "data":{"id":9,"name":"tala","role":&quo...
에서 2024-04-04 19:25:13
0
1
288
루트 노드의 목록 항목 기호(<ul> 및 <ol>)는 CSS에서 표시 및 제거할 수 없으며, Overflow-x:hidden 문제는 제거할 수 없습니다. 현재 웹페이지 작업을 하고 있는데 목록 항목에 문제가 있습니다. 일반적으로 각 목록 항목 옆에 나타나는 점과 숫자는 표시되지 않습니다. 또한 CSS 속성에서 Ov...
에서 2024-04-04 16:38:22
0
1
3617
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿