Backbone.jsの基本：イベントでアプリを実現します

この記事では、Backbone.jsを調査します。これは、アプリケーションを構築するためのMV*アーキテクチャを使用するJavaScriptフレームワークです。 それは、ビューとモデルの間で懸念を分離することの重要な側面であるイベントの取り扱いに焦点を当てています。

重要な概念：

MV*アーキテクチャ：
• backbone.jsは、モデルビュー - *アーキテクチャ、分離データ（モデル）、プレゼンテーション（ビュー）、およびアプリケーションロジックを使用します（多くの場合、ビュー内またはカスタムコントローラーを介して暗黙的に処理されます） 。
イベントの処理：
• この記事のコアは、backbone.jsがビューとモデル間のコミュニケーションを促進するためのイベントを管理する方法です。 モデルの変更はイベントをトリガーします。イベントは、聞いて応答します（例えば、再レンダリング）。 責任の表示：
ビューは、UIをレンダリングし、モデルからデータを表示し、イベントをトリガーしてユーザー入力を処理します。
• モデルの責任：モデルは、アプリケーションデータを管理し、ビューからトリガーされたイベントに基づいてデータを更新し、潜在的にデータベースと対話します。
• このチュートリアルは、以前のレッスンに基づいて構築され、ユーザーの相互作用を処理するためのコントローラーのようなロジックを導入します。 懸念を分離することの重要性を強調します。ビューはプレゼンテーションとユーザーの入力を処理し、モデルはデータロジックを管理します。 イベント処理手法：

この記事では、バックボーンでイベントを処理するための2つの主要な方法を詳しく説明しています。JS：

ハッシュ：

このアプローチは、キー価値マップを使用してビュー内のイベントハンドラーを直接定義します。 キーは、イベントとターゲット要素（例：

）を指定し、値は実行する関数です。

1. eventsメソッド：'click .add-one': 'addOne'このメソッドにより、オブジェクト（通常はビュー）が別のオブジェクト（通常はモデル）でイベントを聞くことができます。 イベントリスナーを管理し、適切にクリーンアップされるようにするのに特に便利です。 この例では、

   を使用して、モデルが変更されるたびにビューを再レンダリングします。

2. このチュートリアルは、サーフボードインベントリアプリからストックを追加および減算する実用的な例を提供します。 それは方法を示しています：

   1. ビューのテンプレートにボタンを追加して、イベントをトリガーします
   モデルを更新するビューでイベントハンドラー（
   2. 、addOne）を定義します。 minusOneモデル関数（
   、
   3. ）を実装して、データを変更し、addOneイベントをトリガーします。 minusOneビューで"change"関数を使用して、モデルの
   イベントを聞き、ビューを再レンダリングします。
   4. initializeこの記事は、backbone.jsイベントに関する一般的な質問に対処するCodepenデモとFAQセクションで締めくくります。 。 行動の呼びかけは、backbone.js。 "change"

以上がBackbone.jsの基本：イベントでアプリを実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。