Html Css JavaScript
-
ECMAScript, ECMA-262 (javascript)Html Css JavaScript 2023. 1. 29. 18:25
ECMA-262 'ECMA, Ecma International'의 ECMA-262 기술 규격으로, 표준화된 스크립트 프로그래밍 언어를 말한다. Javascript를 표준화하기 위해 만들어졌다. 1996년 3월, Netscape의 Brendan Eich가 발명한 Javascript를 'Navigator2.0 browser' 에서 지원하기 시작했고. 1996년 8월, 마이크로소프트가 'Internet Explorer 3.0'에 J스크립트를 포함해 출시했다. 넷스케이프는 표준화를 위해 Javascript기술 규격을 'Ecma International'에 제출하였고, 이 규격에 대한 작업은 ECMA-262(ECMA스크립트)의 이름으로 1996년 11월부터 시작됐다. 이로인해 Javascript와 J스크립트는 모..
-
Page Lifecycle APIHtml Css JavaScript 2023. 1. 23. 19:41
최신 브라우저는 때때로 시스템 리소스가 제한될 때 페이지를 일시 중단하거나 완전히 버립니다. 앞으로 브라우저는 이 작업을 능동적으로 수행하기를 원하므로 전력과 메모리를 덜 소비합니다. Chrome 68에서 제공되는 Page Lifecycle API는 수명 주기 후크를 제공하므로 페이지가 사용자 경험에 영향을 주지 않고 이러한 브라우저 개입을 안전하게 처리할 수 있습니다. https://developer.chrome.com/blog/page-lifecycle-api/#the-unload-event Page Lifecycle API - Chrome Developers The Page Lifecycle API brings app lifecycle features common on mobile operating..
-
window unload eventHtml Css JavaScript 2023. 1. 23. 19:36
언로드 이벤트는 문서 또는 하위 리소스가 언로드될 때 발생한다. 언로드 이벤트도 문서 트리를 따른다. 상위 프레임 언로드는 하위 프레임 언로드 전에 발생한다 경고: 개발자는 이 이벤트를 사용하지 않을 것을 권한다. 아래 참고 addEventListener('unload', (event) => { }); onunload = (event) => { }; Window 인터페이스 외에도 이벤트 핸들러 속성 onunload는 다음 대상에서도 사용할 수 있다. HTMLBodyElement HTMLFrameSetElement SVGSVGElement 개발에 주의 개발자는 이 이벤트를 사용하지 않아야 한다. 특히 모바일에서는 언로드 이벤트가 안정적으로 실행되지 않는다. 예를 들어 다음 시나리오에서는 언로드 이벤트가 전..
-
window beforeunload eventHtml Css JavaScript 2023. 1. 23. 19:33
beforeunload 이벤트는 window, document 및 해당 리소스가 언로드되려고 할 때 발생한다. 문서는 계속 표시되며 이벤트는 여전히 이 시점에서 취소할 수 있다. 이 이벤트를 사용하면 웹 페이지에서 사용자에게 실제로 페이지를 떠날 것인지 묻는 확인 대화 상자를 트리거할 수 있다. 사용자가 확인하면 브라우저는 새 페이지로 이동하고 그렇지 않으면 이동을 취소한다. addEventListener('beforeunload', (event) => { }); onbeforeunload = (event) => { };
-
window DOMContentLoaded eventHtml Css JavaScript 2023. 1. 23. 19:29
DOMContentLoaded 이벤트는 초기 HTML 문서를 완전히 불러오고 분석했을 때 발생한다. 스타일 시트, 이미지, 하위 프레임의 로딩 완료는 포함하지 않는다(기다리지 않음). 모든 준비가 된 다음 호출 참고: window load event window.addEventListener('DOMContentLoaded', (event) => { console.log('DOM fully loaded and parsed'); });
-
window load eventHtml Css JavaScript 2023. 1. 23. 19:26
load 이벤트는 리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 실행된다. 하위 프레임은 물론, 이미지, 사운드, 등 모은 것들이 로드 된 다음 호출 된다. 만약 UX관련 필요한 동작을 여기에서 처리할 경우 너무 지연되는 문제를 고려해야 한다. 보다 빠른 시점의 이벤트 참고: window DOMContentLoaded event https://developer.mozilla.org/ko/docs/Web/API/Window/load_event