Backbone学习日记[1]：感性认识

2019独角兽企业重金招聘Python工程师标准>>>

使用backbone.js的意义是什么呢？

Backbone将数据呈现为模型, 你可以创建模型、对模型进行验证和销毁，甚至将它保存到服务器。当UI的变化引起模型属性改变时，模型会触发"change"事件；所有显示模型数据的视图会接收到该事件的通知，继而视图重新渲染。你无需查找DOM来搜索指定id的元素去手动更新HTML。 — 当模型改变了，视图便会自动变化

1、Backbone.js依赖2个库：jquery和Underscore.js；

2、Backbone.js的mvc分别是：模型(models)、集合(collections)、视图(views)。C是指collections，结合的意思，可能是数据的集合，也可能是视图的集合，不是Controller，model指数据；

3、Backbone.js基本没有兼容问题；

模型发生改变，自动触发视图改变demo：

<script type="text/javascript" src="jquery.min.full.js"></script>
<script type="text/javascript" src="Underscore.js"></script>
<script type="text/javascript" src="Backbone.js"></script>
<script type="text/javascript">
var M = Backbone.Model.extend({default:{name:'hello'}
})
var V = Backbone.View.extend({initialize:function(){this.listenTo(this.model,'change',this.show)},show:function(model){$('body').append('<div>'+model.get('name')+'</div>');}
})
var m = new M;
var v = new V({model:m});
m.set('name','hi')</script>

首先是建立模型对象用于保存数据，然后建立视图对象用于监控模型的变化。在视图的初始化方法initialize中建立对模型的监听。

最后建立模型和视图的实例，并把模型实例作为参数传给视图对象用以生成具体的一个视图实例。从而完成视图和模型的捆绑

转载于:https://my.oschina.net/710409599/blog/306990

Backbone学习日记[1]：感性认识相关推荐

Backbone学习日记第二集——Model
看到Model给我的第一感觉就是实体,以前大学的时候学习.Net 三层架构的时候经常和Model打交道,现在工作中用到ASP.NET MVC中的M也是Model,嗦很自然的就想这个Model和他们之间 ...
java的圆周率_java学习日记，圆周率的打印
前段时间看到听说学习java每天写技术贴会对自己提升很大,我现在学习java也就2个周,算不上技术贴,就写写学习日记吧. 昨天师傅给我出了一道题,说是试试用java打印圆周率. 刚开始我的思路是,如果 ...
GPU（CUDA）学习日记（十一）------ 深入理解CUDA线程层次以及关于设置线程数的思考
GPU(CUDA)学习日记(十一)------ 深入理解CUDA线程层次以及关于设置线程数的思考标签: cuda存储线程结构网格 2012-12-07 16:30 6298人阅读评论(4)收藏举 ...
GPU（CUDA）学习日记（十三）------ CUDA内存简介
GPU(CUDA)学习日记(十三)------ CUDA内存简介标签: cuda存储线程结构 2012-12-07 16:53 2902人阅读评论(0)收藏举报分类: GPU(16) CUDA ...
GPU（CUDA）学习日记（九）------ CUDA存储器模型
GPU(CUDA)学习日记(九)------ CUDA存储器模型标签: cuda存储bindingcache编程api 2012-09-27 10:53 1677人阅读评论(1) 收藏举报分类 ...
语言余一个负数_C语言学习日记（8）——整数溢出
小时候喜欢玩电子计算器,觉得很神奇,想要算什么数,立刻就能算出来.当时看着计算器的液晶屏幕就想,如果算一个很大的数,超过了屏幕上面数字的位数,会怎么样呢?试了以后结果是INF,那就是无穷大了.虽然当时 ...
SpringMVC学习日记 1.Spring框架
SpringMVC学习日记 1.Spring框架 Spring简介 Spring框架是一个开源框架,由Rod Johnson组织和开发,生产目的在于简化企业级应用的开发. 主要特性非侵入(no-in ...
微信开发学习日记(一)：快速阅读5本书，掌握整体背景
2015年1月开始学习微信开发. 已经有多年开发经验了,从网上文章来看,微信开发主要是接口,然后是业务逻辑,不是很难.所以,我比较强调学习效率.一天学一点,是不能满足我的快速学习欲望的. ...
const 指针_C语言学习日记（11）——const与指针
对于一个普通指针typet *p.p有三个最基本的能力,第一就是可以通过p = &obj来指向一个type类型对象,并随意切换指向对象.第二就是通过value = *p来读取它指向的对象的值. ...

Backbone学习日记[1]：感性认识

Backbone学习日记[1]：感性认识相关推荐

最新文章

热门文章