728x90 728x90 javascript3 [공부 / javascript] async / defer의 차이점, 자바스크립트를 효율적으로 포함해보자 자바스크립트를 효율성있게 포함하는 방법을 알아보자! head에 스크립트를 포함하는 방법 - parsingHTML => 스크립트 불러옴 => parsingHTML 단점 js파일이 너무크면 웹사이트를 로딩하는데 많은 시간이 걸림 body에 스크립트를 포함하는 방법 - parsingHTML 다 불러온다음 => 스크립트불러옴 단점 기본적인 html을 볼 수 있는 장점이 있지만 웹사이트가 스크립트에 의존적이라면 dom요소들이 늦게 반응됨 head에 asyn옵션을 써서 스크립트를 포함하는 방법[] - parsingHTML => 스크립트 =>parsingHTML 장점 html 불러오다가 병렬로 js파일을 다운받아서 다시 html불러오면서 js가 다 되면parsing을 멈추고 js를 실행해줌 그리고 html을 다시 p.. 2021. 9. 26. [공부 / javascript] 자바스크립트 공부1 예제 자바스크립트란?! HTML문서에서 동작을 제어하는 언어이다 ex) 을 클릭했을 때 발생하는 이벤트 처리 에 입력 값이 적절한지 판단 하기 HTML 태그 안에 태그를 작성하여 코드를 사용한다 브라우저의 자바스크립트엔진에 의해 인터프리트방식으로 동작한다 자바스크립트 파일 .js을 html문서에서 로드해서 사용하기도 한다 자바스크립트 코드는 브라우저가 해석하고 브라우저가 실행 한다 -브라우저(클라이언트)에게 실행코드가 전달 된다 -민감한 정보나 핵심 코드를 자바스크립트코드에 노출되면 안 된다 자바스크립트를 순수 자바스크립트, 바닐라스크립트로 적용할때 상단에'use strict';를 꼭 써쥬자!! 자바스크립트는 유연한 언어기 때문에 비상식적인게 적용될 수 있기 때문에 선언해주면 비상식적인걸 쓸 수 없음 , 에러.. 2021. 6. 23. [swiper] swiper on:을 사용해서 영상 일시정지 var swiper = new Swiper('.swiper-container', { , on: { slideChange: function (el) { console.log('1'); $('.swiper-slide').each(function () { var youtubePlayer = $(this).find('iframe').get(0); if (youtubePlayer) { youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); } }); }, }, }); 출처 : www.python2.net/questions-213021.htm 2021. 5. 12. 이전 1 다음 728x90 반응형