BackboneJs入门学习[10]—View初探

本文介绍了 Backbone.js 中的 View 模块,详细解释了 View 的作用及其实现方式,包括如何将 Model 数据展示到页面以及如何响应 DOM 事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

⭐️ 本文首发自 前端修罗场(点击即可加入),一个专注 Web 技术、答疑解惑、面试辅导、职业发展的社区。现在加入,即可参与打卡挑战,和一群人一起努力。挑战成功即可获取一次免费的模拟面试机会,进而评估知识点的掌握程度,获得更全面的学习指导意见,不走弯路,不吃亏!


BackboneJs入门学习—View 初探

首先,中秋快乐!
上一篇中,我们介绍了 Router 的操作,这一篇中将继续介绍 Backbone的新模块——View模块。

1. 理解View
(1).顾名思义,View 自然是视图的意思。在 BackboneJs 的官方文档中是这么介绍View的:

View一般是组织您的接口转换成的逻辑视图, 通过模型的支持, 模型变化时, 每一个都可以独立地进行更新, 而不必重新绘制该页面。我们再也不必钻进
JSON 对象中,查找 DOM 元素,手动更新 HTML 了,通过绑定视图的 render 函数到模型的 “change” 事件 — 模型数据会即时的显示在 UI 中。

所以,View是用来显示你的model中的数据到页面中的,同时,view 也可以用来舰艇 Dom上的事件,实时做出响应。

需要注意的是,与AngularJs(不久将一起学习一下 AngularJs,期待你的加入)的区别是,AngularJs中是自动响应Model的变化,而 BackboneJs需要手动更新变化。

(2). View主要用途:
用于绑定事件,处理业务、渲染页面;

Ok,本篇关于View的简单介绍就这些,下一节中将具体介绍View的相关属性。

每篇一语:
刚刚前面看了电影《盲井》,挺有感触的。欢迎到我的豆瓣”观电影《盲井》之己见“,一起学习交流!下篇见啦!还有~国庆尽力更新哈,加油!

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蟹蟹蟹风流

期望和你分享一杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值