>本文探讨了Backbone.js,这是一个使用MV*架构进行构建应用程序的JavaScript框架。 它着重于事件处理,这是分离观点和模型之间关注的关注的关键方面。
密钥概念:
- mv*体系结构: backbone.js使用模型视图 - *架构,分离数据(模型),演示文稿(视图)和应用程序逻辑(通常在视图中或通过自定义控制器中隐含地处理) 。
- 事件处理:本文的核心是Backbone.js如何管理事件来促进视图和模型之间的通信。 模型的变化触发事件,视图聆听和响应(例如,重新渲染)。。
>>查看职责:视图渲染UI,从模型显示数据,并通过触发事件来处理用户输入。
- >模型责任:模型管理应用程序数据,基于从视图触发的事件进行更新数据,并可能与数据库进行交互。>
- >教程在上一课的基础上构建,引入了类似控制器的逻辑来处理用户交互。 它强调了分开关注的重要性:视图处理演示文稿和用户输入,而模型管理数据逻辑。
>事件处理技术:>
>本文详细介绍了在骨干上处理事件的两种主要方法:
hash:
此方法使用键值映射直接定义视图中的事件处理程序。 密钥指定事件和目标元素(例如,
),该值是执行的函数。
-
events
方法:此方法允许对象(通常是视图)在另一个对象(通常是模型)上侦听事件。 这对于管理活动听众并确保他们正确清理特别有用。 该示例使用>在模型更改时重新渲染视图。
'click .add-one': 'addOne'
>教程提供了一个实用的示例,即从冲浪板库存应用程序中添加和减法库存。 它演示了如何:-
- >在视图的模板中添加按钮以触发事件。
>
- 在视图中定义事件处理程序(
addOne
,minusOne
),以更新模型。
- >实现模型函数(
addOne
,minusOne
)来修改数据并触发"change"
>事件。
- >在视图中使用
initialize
"change"
>本文以Codepen演示和FAQ部分结束,解决了有关backbone.js事件的常见问题,包括使用
>,,on
,off
,once
,以及在特定模型属性或集合上处理事件。 行动呼吁在Backbone.js。
stopListening
以上是backbone.js基础知识:将应用程序带入活动的详细内容。更多信息请关注PHP中文网其他相关文章!