소스 코드의 CSS 세그먼트 및 JS 함수 배치 순서의 상쇄

Question

이것은 기술적 인 문제는 아니지만 오래 지속되는 문제입니다. CSS 코드의 경우 DOM 요소 (클래스 및 ID)의 스타일을 HTML 코드의 모양 순서와 일치하는 순서로 지정했습니다.

문제는 코드가 길어지고 길어질 때 스타일을 삽입하거나 수정하기 위해 정확한 위치를 찾는데 낭비하는 것입니다.

유사한 경우가 JS 코드에도 발생합니다.이 경우에도 함수를 호출 순서에 배치합니다.

결과가 가끔 내 생각을 빠르게 작성하고 CSS/js 코드 끝에 스타일/기능을 추가하기 만하면 시퀀스/순서가 중단되어 검색 시간이 더 늘어납니다. 코드 스 니펫.

주로 숭고한 텍스트를 사용합니다. 검색 기능은 CSS 클래스 또는 함수 이름으로 키워드를 알고있는 경우에만 도움이됩니다.

긴 원본 파일에서 코드 세그먼트를 찾기위한 효율성을 높이기위한 디자인이나 습관 또는 도구가 있습니까?

Answer 1

이 블로그 게시물은 원래 CSS Hacks를 대상으로 작성되었지만 상황에 따라 적절하다고 생각됩니다. 해리 로버츠 (Harry Roberts)는 CSS 해킹을 별도의 파일에 넣는 것을지지합니다. 예를 들어 나중에 해킹 할 내용을 더 잘 기억할 수 있습니다. 또는 누가 CSS를 망쳤는지, 어떻게 그 길을 찾았는지 알아보십시오.

shame.css 파일을 사용하여 빠른 변경을 수행 할 수 있으며 변경 사항에 만족하면 다시 구조화 된 구조에 넣을 수 있습니다.

Link to blog post

또한, Styleneat 등 가능한 일부 CSS의 조직이 있습니다. 이렇게하면 모든 곳에서 CSS를 쓸 수 있으며, 나중에 만족스럽게 정리 코드를 사용하여 주최자를 통해 실행할 수 있습니다.

자바 스크립트의 경우 비슷한 shame.css 전략을 사용하거나 RequireJS과 같은 AMD (비동기 모듈 정의) 도구를 사용하여 자바 스크립트를 구성 할 수 있습니다.