backbone.js基礎知識：將應用程序帶入活動

>本文探討了Backbone.js，這是一個使用MV*架構進行構建應用程序的JavaScript框架。 它著重於事件處理，這是分離觀點和模型之間關注的關注的關鍵方面。

密鑰概念：

• mv*體系結構： backbone.js使用模型視圖- *架構，分離數據（模型），演示文稿（視圖）和應用程序邏輯（通常在視圖中或通過自定義控制器中隱含地處理） 。
• 事件處理：本文的核心是Backbone.js如何管理事件來促進視圖和模型之間的通信。 模型的變化觸發事件，視圖聆聽和響應（例如，重新渲染）。 。 >>查看職責：視圖渲染UI，從模型顯示數據，並通過觸發事件來處理用戶輸入。
• >模型責任：模型管理應用程序數據，基於從視圖觸發的事件進行更新數據，並可能與數據庫進行交互。 >
• >教程在上一課的基礎上構建，引入了類似控制器的邏輯來處理用戶交互。 它強調了分開關注的重要性：視圖處理演示文稿和用戶輸入，而模型管理數據邏輯。
>事件處理技術：>

>本文詳細介紹了在骨幹上處理事件的兩種主要方法：

hash：

此方法使用鍵值映射直接定義視圖中的事件處理程序。 密鑰指定事件和目標元素（例如，

），該值是執行的函數。

1. events方法：此方法允許對象（通常是視圖）在另一個對象（通常是模型）上偵聽事件。 這對於管理活動聽眾並確保他們正確清理特別有用。 該示例使用>在模型更改時重新渲染視圖。 'click .add-one': 'addOne'

>教程提供了一個實用的示例，即從衝浪板庫存應用程序中添加和減法庫存。 它演示瞭如何：
2. 1. >在視圖的模板中添加按鈕以觸發事件。
   >
   2. 在視圖中定義事件處理程序（addOne，minusOne），以更新模型。
   3. >實現模型函數（addOne，minusOne）來修改數據並觸發"change">事件。
   4. >在視圖中使用initialize "change"
   >本文以Codepen演示和FAQ部分結束，解決了有關backbone.js事件的常見問題，包括使用
   >，

   ，on，off，once，以及在特定模型屬性或集合上處理事件。 行動呼籲在Backbone.js。 stopListening

以上是backbone.js基礎知識：將應用程序帶入活動的詳細內容。更多資訊請關注PHP中文網其他相關文章！