외부 파일 및 디렉토리 구조에 jQuery 코드를 저장 하시겠습니까? [닫은

Question

누구나 jQuery 코드를 저장하는 데 가장 적합한 아이디어를 확인할 수 있습니까? 처음에는 문서의 헤드에 모든 것을 삽입하고 있었지만 페이지에서 점점 더 많은 코드가 사용되는 것을보고 있습니다.

확장자와 함께 파일을 포함하는 가장 좋은 방법은 .js?

이것에 대해 다른 것 또는 더 나은 것이 있습니까?

이것이 사실이라면 .js 파일을 저장하기에 가장 좋은 곳은 무엇입니까 ..

내가 가진 뿌리의

/CSS /스크립트

기타 ... /스크립트는 내 jQuery 파일이있는 곳이지만 .JS 파일에 동일하게 사용해야합니까?

디렉토리 구조에 대한 권장 사항이 있습니까?

Answer 1

.js 파일에서 가능한 많은 코드를 저장해야합니다. 브라우저는 한 번만 다운로드하고 모든 요청에서 재사용 할 수 있기 때문입니다.

헤드 섹션에 직접 코드를 일반 텍스트로 직접 포함시키는 경우 각 요청에서 해당 코드를 다운로드하도록 강요하여 페이지 전송 속도가 느려집니다.

파일을 저장하는 디렉토리는 정말로 당신에게 달려 있습니다 ... 나는 /css 그리고 /js, 하지만 /scripts 많은 ocassions에서도 사용됩니다.

Answer 2

페이지에 JavaScript를 삽입하는 위치는 원하는대로 달려 있습니다. 거기 있습니다 논쟁 속도를 위해 페이지 끝에서 JavaScript를 연결하려면 브라우저가 페이지를로드하여 JavaScript를 구문 분석/실행하려고 시도합니다. 물론 페이지로드 전에 실행하기 위해 JavaScript가 필요한 경우 문서의 헤드를 넣어야합니다. 그것은 정말로 당신과 당신의 필요에 달려 있습니다.

.js는 JavaScript 파일의 표준 확장자이므로 계속 사용하는 것이 좋습니다. JavaScript 파일을 페이지에 바로 넣는 대신 JavaScript 파일에 링크하는 것이 좋습니다. 따라서 사용자의 브라우저는 JavaScript 파일을 캐시 할 수 있습니다.

스크립트를 저장하는 곳은 귀하에게 달려 있지만 모든 jQuery 파일을 A /Scripts 디렉토리에 저장하는 것은 좋은 아이디어처럼 보입니다.

Answer 3

너무 복잡 할 필요는 없습니다. 예, JS 확장 기능을 확실히 저장하지만 타사 라이브러리에서 JavaScript를 분리하는 것도 권장됩니다.

이것은 당신이 필요한 모든 것입니다.

.
./js/jquery/jquery.js
./js/yourfiles.js

또는 회사 이름으로 파일을 넣습니다.

./js/companyname/yourfiles.js

다른 사람들이 말했듯이 : 가능한 경우 파일 끝에 JS를 넣으십시오.

Answer 4

SEB는 정확하지만 한 가지 추가하려면 모든 JS 및 CSS 파일을 각각 하나로 압축하십시오.

파일이 캐시되었는지 여부에 관계없이 각 개별 파일에 대한 서버에 대한 왕복 요청이 여전히 업데이트되었는지 확인합니다. 많은 JS 및 CSS 파일이있을 때 사용자의 경험이 느려질 수 있습니다.