페이지로드 속도 최적화의 경우 스타일 및 스크립트 순서는 CSS 우선이어야하고 자바 스크립트는 두 번째 여야합니다.
이것이 좋은 습관 인 방법을 알고 있습니다.CSS 종속 자바 스크립트의 좋은 예는 무엇입니까?
그러나 JS 코드가 CSS 파일에 종속되지 않으면 JS 파일보다 먼저 CSS 파일을 이동할 수 있습니다 .JS 코드가 외부 파일에 포함 된 CSS에 의존하는 경우 - 예를 들어 JS 코드에서 문서에 쓰는 출력에 필요한 스타일은 불가능합니다. "
나는 후자에 대한 구체적인 예를 생각해 낼 수 없다.
"JS 코드의 문서에 출력하는 데 필요한 스타일"의 좋은 예는 무엇입니까?
이 문서는 Here
편집이다 : 내 의도는 자바 스크립트를 절대적으로 CSS 파일 앞에 배치해야 할 때 케이스를 찾을 수 있습니다.
나는 이런 식으로 생각하니?
$("#someDiv").addClass("my_css_transition");
는 JavaScript를 직접 추가/removeClass보다는 설정 스타일의 CSS를 통해 자바 스크립트의 모든 스타일 변경을 할 수 일반적으로 좋습니다. 이렇게하면 자바 스크립트가 CSS에 종속됩니다. CSS는 예를 들어 fadeIn 또는 slideIn과 같은 전환을 정의 할 수 있습니다. 이러한 페이지로드시에 실행해야하는 경우 JavaScript가 클래스를 추가하기 전에 CSS를로드해야합니다.
Google의 건전한 조언인데, 이것이 최고로 진보 된 것임을 알아 두시기 바랍니다. 평범한 CMS 또는 Wordpress 사이트가 있다면 걱정할 필요가 없습니다. 당신이 구글, 야후 또는 페이스 북이라면, 그렇다 치더라도 걱정할 필요가 있습니다.
JavaScript가 CSS로 스타일 지정된 특정 HTML 요소의 크기를 필요로하는 경우 간단한 예가 될 수 있습니다.
그런 경우 getComputedStyle()을 통해 치수를 읽기 전에 스타일 시트의 CSS를 요소에 적용해야합니다.
예를 들어, 본문이 렌더링 된 후 헤더 너비가 본문의 너비에 따라 설정되는 유연한 너비의 테이블에 대한 고정 테이블 머리글을 정의 할 수 있습니다.
@shhac. – studiomohawk
이 경우 CSS를 가장 먼저 배치해야합니다. JavaScript가 CSS 앞에 있어야하는 이유를 찾고 있습니다. – studiomohawk
JavaScript가 CSS를 사용하지 않는 경우. 예. CSS 정의 된 전환 클래스를 사용하지 않고 자바 스크립트에서 직접 전환하는 경우. – Halcyon
죄송합니다. 제 질문을 수정했습니다. 나는 그것이 좋은 습관 인 방법을 안다. 그리고 나는 그것에 대해 너무 많이 걱정하지 않는다는 것을 알고있다. CSS를 먼저 배치하지 말 것을 Google이 명시한 사례를 알고 싶습니다. – studiomohawk