Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- slice
- 이벤트 위임
- animation
- array
- input
- 문자열
- video
- IntersectionObserver
- 스크롤
- This
- ios
- ES6
- 모듈
- 배열
- 애니메이션
- Push
- 클로저
- Promise
- 이벤트
- async
- scroll
- object
- json
- ajax
- Flex
- 이벤트 루프
- event
- dom
- 고차함수
- 비동기
Archives
- Today
- Total
목록실행순서 (1)
FEDev Story
[스크랩] Jquery :: document.ready() vs window.load() 차이
1. $(document).ready()- 외부 리소스. 이미지와는 상관 없이 브라우저가 DOM (document object model) 트리를 생성한 직후 실행- window.load() 보다 더 빠르게 실행되고 중복 사용하여 실행해도 선언한 순서대로 실행됨 2. $(window).load()- DOM의 standard 이벤트- html의 로딩이 끝난 후에 시작- 화면에 필요한 모든 요소(css, js, image, iframe etc..)들이 웹 브라우저 메모리에 모두 올려진 다음에 실행됨- 화면이 모두 그려진 다음의 메세징이나 이미지가 관련 요소가 모두 올려진 다음의 애니메이션에 적합함- 전체 페이지의 모든 외부 리소스와 이미지가 브러우저에 불려운 이후 작동하게 되어 이미지가 안뜨너가 딜레이가 생..
Web.Dev
2018. 8. 3. 15:42