backbone.js 기본 사항 : 이벤트와 함께 앱에 생명을 불어 넣습니다

이 기사는 구축 응용 프로그램을위한 MV* 아키텍처를 사용하는 JavaScript 프레임 워크 인 Backbone.js를 탐구합니다. 그것은 이벤트 처리, 뷰와 모델 사이의 우려를 분리하는 중요한 측면에 중점을 둡니다. 주요 개념 :

mv* 아키텍처 : backbone.js는 모델-뷰-* 아키텍처, 데이터 분리 (모델), 프리젠 테이션 (보기) 및 응용 프로그램 논리를 사용합니다 (종종 뷰 내에서 또는 사용자 정의 컨트롤러를 통해 암시 적으로 처리) . 이벤트 취급 :

이 기사의 핵심은 Backbone.js가 이벤트를 관리하여 뷰와 모델 간의 커뮤니케이션을 용이하게하는 방법입니다. 모델의 변경 사항은 이벤트를 트리거하여 경청하고 응답합니다 (예 : 렌더링). 책임보기 : 뷰는 UI를 렌더링하고 모델에서 데이터를 표시하며 이벤트를 트리거하여 사용자 입력을 처리합니다. 모델 책임 : 모델 모델은 애플리케이션 데이터 관리, 뷰에서 트리거 된 이벤트를 기반으로 데이터를 업데이트하고 데이터베이스와 잠재적으로 상호 작용합니다.

튜토리얼은 이전 수업을 바탕으로 사용자 상호 작용을 처리하기위한 컨트롤러와 같은 논리를 소개합니다. 문제를 분리하는 것의 중요성을 강조합니다. 뷰는 프레젠테이션 및 사용자 입력을 처리하는 반면 모델은 데이터 로직을 관리합니다. 이벤트 처리 기술 :

이 기사는 backbone.js에서 이벤트를 처리하기위한 두 가지 주요 방법을 자세히 설명합니다.
해시 :
• 이 접근법은 키 값 맵을 사용하여 뷰 내에서 이벤트 핸들러를 직접 정의합니다. 키는 이벤트 및 대상 요소 (예 : )를 지정하고 값은 실행하는 기능입니다.
메소드 :
• 이 메소드를 사용하면 객체 (일반적으로보기)가 다른 객체 (일반적으로 모델)에서 이벤트를들을 수 있습니다. 이벤트 청취자를 관리하고 올바르게 정리하는 데 특히 유용합니다. 예제는 를 사용하여 모델이 변경 될 때마다보기를 다시 렌더링합니다.
튜토리얼은 서핑 보드 인벤토리 앱에서 재고를 추가하고 빼는 실질적인 예를 제공합니다. 다음과 같은 방법을 보여줍니다
view의 템플릿에 버튼을 추가하여 이벤트를 트리거합니다 모델을 업데이트하는보기에서 이벤트 처리기를 정의합니다. 데이터를 수정하고
1. 이벤트를 트리거하려면 모델 함수 (, )를 구현합니다.
보기에서
2. 함수를 사용하여 모델의 이벤트를 듣고보기를 다시 렌더링하십시오. addOne 이 기사는 코드 펜 데모와 FAQ 섹션으로 결론을 맺고 , , , minusOne를 사용하는 등 Backbone.js 이벤트에 대한 일반적인 질문을 다루고 특정 모델 속성 또는 수집에서 이벤트를 처리하는 것을 포함하여 결론을 내립니다. . Call to Action은 Backbone.js에서 itepoint 프리미엄 코스를 홍보합니다.

위 내용은 backbone.js 기본 사항 : 이벤트와 함께 앱에 생명을 불어 넣습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!