Backbonejs - 한 페이지 웹 사이트를 만들기 위해 최선의 방법/

Question

이것이 올바른 접근하지 않을 수도 있습니다 나는 다른 제안을 열려있어 그러나 저를 끝까지 들어 주시기 바랍니다 시작하려면 응용 프로그램 ...... 나는 '

백본 JS에 상당히 익숙하며 AJAX를 통해 컨테이너에로드되는 포트폴리오/CV 사이트를 구축하는 데이 방법을 사용할 수 있는지 궁금합니다.

내가 더 역동적으로 내 online CV 변환의 라인을 따라 생각하고, 간단하게 시작하는 위치 섹션 등 프로필, 핵심 기술 기술, 경험과 경력 기록과 같은

할 수있는 사람하시기 바랍니다 가장 좋은 방법은 무엇인가?

모든보기에 모델이 있어야하나요?

Answer 1

사용자가 클릭 한 내용에 따라 다른 콘텐츠를 표시하는 경우 백본을 사용하면 과도한 사용이 필요할 수 있습니다.

백본은 사용자가 데이터를 작성, 편집 및 삭제하는 데이터 기반 웹 사이트의 이점을 제공합니다.

코어 jQuery 라이브러리는 필요한 기능을 제공해야합니다. Checkout jQuery의 load 메소드입니다.

Answer 2

적은 양의 컨텐츠와 CV에서의 데이터의 정적 인 성격, 그리고 수행해야 할 단순성을 고려할 때이 프로젝트에 백본을 사용할 것을 권장하지 않습니다. 몇 가지 간단한 jQuery 클릭 이벤트 핸들러 및 전환 애니메이션이 원하는 것을 수행하는 데 충분할 것으로 보입니다.

Backbone을 사용하려는 의도가 순수한 교육용이며이를 사용하는 방법을 배우는 경우 더 많은 콘텐츠를 조작하여 데이터에보다 역동적 인 특성을 가진 프로젝트를 찾는 것이 좋습니다.

FWIW, 그러나 백본보기를 사용하여 CV 용 jQuery 코드를 구성 할 수 있습니다. 그러나 방금 jQuery를 사용했을 때보 다 더 많은 코드를 작성하게 될 것입니다. 에 대한 jQuery를 사용하는 백본에서 동일한 코드는 (여기

$(function(){ 
    $(".cv-section").click(function(e){ 
    $(e.currentTarget).toggle("fast"); 
    }) 
}); 

과 : 당신은/보여 누군가가 클릭 할 때 섹션을 숨기려면 원하는 경우 예를 들어

... 여기가 jQuery를에 DOM 조작 임) :

CVView = Backbone.View.extend({ 
    events: { 
    "click .cv-section": "showHide" 
    }, 

    showHide: function(e){ 
    $(e.currentTarget).toggle("fast"); 
    } 
}); 

$(function(){ 
    var el = $("#cv"); 
    new CVView({ 
    el: el 
    }); 
}); 

이 두 예제는 기능면에서 동일하며 둘 다 jQuery를 사용하여 DOM을 조작합니다.