3
각 페이지마다 고유 한 .js가 있어야하며 재사용 할 수있는 기능 (라이브 검색, 드롭 다운 메뉴)이 각 페이지의 all.js에 포함되어 있습니까? 이것을 구조화하는 가장 좋은 방법은 무엇인지 확실하지 않습니다. 귀하의 의견을 보내 주셔서 감사합니다!JS를 대형 웹 사이트에 구성하는 데 유용한 기술은 무엇입니까?
A
답변
1
기능에 따라 js 파일을 만듭니다. 하나의 드롭 다운 메뉴, 다른 메뉴의 livevalidation, 다른 메뉴의 livevalidation 등
페이지 헤더에 livevalidation 및 jquery가 포함되어 있다고 가정 해 보겠습니다. 필요한 모든 .js가 포함 된 header.php 또는 .html 페이지를 만든 다음 include 함수가 포함 된 php/asp /를 사용하여 해당 페이지를 포함시킵니다.
개별 페이지가 이동하는 한, 귀하에게 달려 있습니다. 필자는 개인적으로 그 수가 많지 않으므로 "pagesAjax.js"와 "pages.js"로 묶어 줌과 동시에 더 많은 자바 스크립트 "카테고리"가 생성됨에 따라 앞으로 확장 할 계획입니다. 소스를 깨끗하게 유지합니다.
전체 공개. 이 작업은 한동안 진행되었지만 대역폭이 매우 부족한 임베디드 프로젝트를 진행하고 있습니다. 나는 모든 javascript/css 파일을 하나의 all.js와 하나의 all.css 파일로 축소하고 압축한다. 그런 다음 include.html을 사용하여 두 파일을 가리 킵니다. 클라이언트가 파일 개정 당 한 번만 js 및 css 파일을 다운로드하도록하기 위해 캐싱 트릭을 수행했습니다.
다음 답변을 확인하십시오. http://stackoverflow.com/questions/490618/multiple-javascript-css-files-best-practices and http://stackoverflow.com/questions/555696/put-javascript-in- one-js-file-or-break-it-into-multiple-js-files – Mottie