jquery 기반 웹 사이트를 구축하는 방법은 무엇입니까?

Question

새로운 jquery 응용 프로그램/웹 사이트 인 새 프로젝트를 시작하고 싶습니다. 나는 트위터 나 github, 매우 역동적 인, 매우 유동적 인/부드러운 것과 같은 기능을하는 사이트를 원한다.

내 문제는 어디서부터 시작해야할지 모른다. 수많은 블로그 게시물을 읽었으며 많은 JS 프레임 워크/템플릿 & MVC 유형 시스템을 조사했습니다.

JS 코드를 작성할 때 모든 것을 하나의 파일에 넣어야합니까? 또는 각 플러그인을 개별 파일로 작성한 다음 Respond.JS와 같은 JS 로더를 사용해야합니까?

나는 일할 수있는 해시 태그 탐색을 얻을 수 있지만 내가 템플릿 시스템을 필요가 있다고 생각, 그래서

사람이을위한 출발점이 있습니까

Backbone.JS 또는 콧수염/Handlebars.JS 중 하나를 찾고 있어요? 아마도 내가 따를 수있는 상용구 솔루션/개발 패턴일까요?

감사합니다.

Answer 1

"커다란"정의와 배포하려는 구성 요소의 종류에 따라 크게 달라집니다. 나는 우리가 무엇을 당신에게 충분히 환경을 알 수있을 거라고는 매우 의심 발견,하지만 난 당신에게 몇 가지 일반적인 조언을 제공 할 수 있습니다 : 당신이 페이지의 구성 요소가 필요한 경우

1. (예 : 데이터의 대화 형 시각화)는 기성품 플러그인을 찾습니다.

2. 기성품 플러그인을 사용할 수없는 경우 해당 플러그인을 플러그인 형태로 작성하십시오. 이는 jQuery의 디자인과 잘 결합되어 높은 수준의 재사용 성을 보장합니다.

3. 자바에서 자바 스크립트를 분리 해보세요. 일반적으로 HTML은 링크 할 자바 스크립트의 "마운트 지점"으로 사용할 수있는 ID 또는 클래스로 가득 찬 페이지입니다. 자바 스크립트 파일은 일반적으로 다음과 같이 보일 것이다 :

   $ (문서) .ready (함수() {

   // 페이지를

   // 요소, 그리고 어떤 다른 사람을, AJAX 호출을 만드는 설정 시작 필요.

   });

4. 자바 스크립트가 페이지에 묶여 있다고 가정하면 각 페이지에 고유 한 자바 스크립트 파일을 제공하면서 페이지 수를 줄여보십시오. 페이지가 특히 복잡하거나 재사용 가능한 포함 파일을 사용하는 경우 Javascript를 페이지의 일부만 제어하는 ​​작은 파일로 분리하십시오. 필요한만큼 많은 $ (document) .ready() 호출이있을 수 있습니다.

행운을 빈다! 당신의 JS가 완료되면

Answer 2

, 생산이 축소 된 있습니다

http://jscompress.com/

을 또한, 당신은 JQuery와 UI로 여러 JQuery와 애드온을 사용하는 경우, 빠른 성능을 위해 동일한 파일에서 그들 모두를 유지한다.