Backbone 学习笔记

Backbone 是一款基于模型-视图-控制器 MVC 模式的轻量级javascript 框架 ,可以用来帮助开发人员创建单页Web应用。
借助Backbone 我们可以使用REST的方式来最小化客户端和服务器间的数据传输,从而实现了更快加速的Web页面更新。

能心静下来学习了,以前以为Backbone 是一座高山用起来很难,结果只是学了2天就有一些新的,实在让人开心。

我整理了一下整个BackBone的学习记录在我的GIT里面,大部分事件都有例子并且有详细的注解和解释,结合require.js,其中有很多事件方法会放在一起讲;

Backbone事例版本 1.1.2

目录:

1.Backbone.Events(事件)

1.1 listenTo.js

1.2 on_off_tergger_once.js

1.3 other.js

2.Backbone.Mode(模型)

1.extend.js

2.escape.js

3.validate.js

后面的比如路由、History、模板 都没在写了,因为这个时候我已经会用这个框架了,我估计很长一段时间都不会用这个框架。

简单的来说理解MVC这个模式概念很重要,还有一些很方便的工具方法,值得一提的是Bankbone插件库很丰富包含各种,比如:Backbone.Mutators(扩展原型对象)、Backbone.Validation(内置验证器)、Backbone.Chosen(使集合包含不同的模型)、Backbone.Relational(一对多,多对多对象关系的用法)..等等
推荐移动端用,PC端用的话感觉没什么价值,欢迎来我的GIT夺走源码
https://github.com/Mrxdh
喜欢的话可以帮忙点击Follower

时间: 2024-08-07 12:29:07

Backbone 学习笔记的相关文章

Backbone学习笔记一Backbone中的MVC

原文章地址http://bigdots.github.io/2015/12/01/Backbone学习笔记(一)/#more Backbone.js为复杂WEB应用程序提供模型(models).集合(collections).视图(views)的结构.其中models用于绑定键值数据和自定义事件:collections附有可枚举函数的丰富API: views可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序. 下面通过实例来学习backbone的MVC.实例来自http://

Backbone学习笔记

MVC 爱创课堂今日分享-Backbone学习笔记 M表示模型V表示视图C表示控制器MVC最早出现在smalltalk语言中,MVC分别表示模型,视图,控制器,模型通常指的是数据,视图通常是它能看到的页面,控制器通常表示一些交互等等,MVC根据前后端的划分,又有不同的含义对于后端来说M(Model)模型,通常指的是底层的数据,例如对数据库操作数据的封装等V(View)视图,向前端输出的视图等等,包括渲染视图,创建视图等等C(Controller)控制器,指的是对模型以及视图的操作,例如获取请求,

Backbone学习笔记 - View篇

Backbone是一种Web端的MVC框架,这里纪录学习Model,View和Collection的笔记. 1 View initialize构造函数 Backbone.View 与jQuery库紧密结合. var SearchView = Backbone.View.extend({ initialize:function(){ alert("Alerts suck."); } }); var search_view = new SearchView(); initialize 就类

backbone学习笔记一

事件event on(bind) 在对象上绑定一个函数,只要该event被触发,绑定函数即被调用.可以用第三个参数提供一个上下文 off(unbind) 移除对象上绑定的函数,可以传递上下文和具体时间来解除特定的函数 trigger 触发给定事件的函数 once 同on相同,区别在于事件被触发一次后,函数就会被解除 listenTo 监听另一个对象上的特定事件,貌似是仍然算该事件的绑定函数 stopListening 停止对事件的监听 listenToOnce 同listenTo相同,事件被触发

backbone学习笔记:集合(Collection)

集合(Collection)是一个Backbone对象,用来组织和管理多个模型,它不仅仅是一个javascript数组,还提供了专门的方法来对集合进行排序.过滤和遍历,集合可以方便的与REST服务器进行通信. RoomCollection=Backbone.collection.extend({model: RoomModel}); var room1=new RoomModel({name:'test1'}); var room2=new RoomModel({name:'test2'});

backbone学习笔记:视图(View)

Backbone 视图对象主要用来渲染数据,监听事件. Backbone的视图对象可以展示Model数据,也可以把用户编辑的Model数据传递到后台,可以通过监听事件操作视图里的DOM元素 举例: var PreviewInvoiceItemView=Backbone.View.extend({ el:'#itemList', template: _.template($('#InvoiceItem').html()), initialize:function(){ this.template=

backbone学习笔记(1)

bb给网页应用提供框架,这是由于bb以下主要特性:1.带键-值绑定.自定义事件的model模型,2.具有丰富API的遍历函数的collection集合,3.声明式事件响应的view视图,4.通过RESTful的JSON接口与已经存在的API连接. 粗看文档,大致有以下心得: 1.model.collection类似rails 2.route都是RESTful的 3.数据绑定并不像angular自动,还是需要指定更新view中的哪里,但也更简单,不会像angular嵌入代码增加耦合. 印象不错,继

backbone学习笔记:模型(Model)(2)属性验证

http://www.midifan.com/moduleuser-index-413988.htmhttp://www.midifan.com/moduleuser-index-414047.htmhttp://www.midifan.com/moduleuser-index-413930.htmhttp://www.midifan.com/moduleuser-index-414053.htmhttp://www.midifan.com/moduleuser-index-413907.htm

【转】Backbone.js学习笔记(二)细说MVC

文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Backbone源码结构 1: (function() { 2: Backbone.Events // 自定义事件 3: Backbone.Model // 模型构造函数和原型扩展 4: Backbone.Collection // 集合构造函数和原型扩展 5: Backbone.Router // 路由