Backbone.js学习笔记：图书案例-事件绑定

发表于 Backbone 分类，标签:
20 08月 2015
0
事件绑定在我们浏览网页的时候，获取数据并不是一下只就全部获取到的，为了创建一个更好的用户体验，就来模拟一个加载（Spinner）的图片来告诉用户正在获取数据中！当用户在浏览详细视图（books/:BookName），只需要调用加载数据的方法。然后，因为设置了正确的监听器，当接受到新的数据的时候，视图就会自动更新。数据更新的时候，Backbone支持多事件和自定义事件。改变路由程序里面的代码：// 渲染Books页面loadBook: function (bookName){    this.bookView.loadBook(bookName);}除了bookView类，其他都不会改变。添加构造函数或者initialize方法，initialize方法是Backbone里面的一个特殊的字符属性。每个实例初始化的时候都...

Backbone.js学习笔记：图书案例-使用集合

发表于 Backbone 分类，标签:
20 08月 2015
0
模拟数据需要添加一些模拟用的数据，并且把它们和视图结合起来。// 图书数据库    var booksData = [        {            name: 'book1',            url: 'img/1.jpg'       ...

Backbone.js学习笔记（二）细说MVC

发表于 Backbone 分类，标签:
20 08月 2015
0
对于初学backbone.js的同学可以先参考我这篇文章：Backbone.js学习笔记（一）Backbone源码结构   1:  (function() {   2:      Backbone.Events        // 自定义事件   3:      Backbone.Model        // 模型构造函数和原型扩展   4:&n...

Backbone.js学习笔记（一）

发表于 Backbone 分类，标签:
20 08月 2015
0
基本概念前言昨天开始学Backbone.js，写篇笔记记录一下吧，一直对MVC模式挺好奇的，也对js中MVC的开创鼻祖怀着敬畏之心，唉，不说了，好虚伪，以下是我的学习心得和笔记。给大家看一下全球js库和框架的使用比例：这是通过搜索引擎抓取script标签统计而来的数据，可信度相当高啊，另外，不要迷恋Angular.js，Avalon.js还是挺不错的。什么是Backbone.js？Backbone.js是十大JS框架之首，Backbone.js 是一个重量级js MVC 应用框架，也是jsMVC框架的鼻祖。它通过Models数据模型进行键值绑定及custom事件处理，通过模型集合器Collections提供一套丰富的API用于枚举功能，通过视图Views来进行事件处理及与现有的Application通过JSON接口进行交互。简而言之，Backbone是实现了...

Backbone源码学习 — Backbone.Events

发表于 Backbone 分类，标签:
20 08月 2015
0
Backbone.Events为Backbone的核心部分，它在backbone的其他部分（View、Controller、Model…）被使用，在Backbone的MVC中作为Controller存在，通过事件机制对数据和视图进行控制。backbone.Events的作用Events可以作为一个模块在其他的对象中使用(无论是不是Backbone中定义的),也可以被单独使用varevent={};_.extend(event,Backbone.Events);EventsapiEvents对象提供了以下api所有的方法调用会返回events对象其中除了各种方法之外，会有一个 _events属性存储所有该Events对象中绑定的自定义事件，每个事件包含一个数组，里面存储着所有这个事件名称上定义的回调函数，结构如下：其中 callback 为回调函数...

Backbone源码学习 — Backbone.Model

发表于 Backbone 分类，标签:
20 08月 2015
0
Backbone源码学习—Backbone.ModelDEC 4TH, 2014 2:45PM今天我们来谈谈Backbone.jsMVC中的 M ,Model是backbone的核心部分，包含着页面展示内容的数据，还有围绕着数据操作的各种转换，校验，计算，权限控制，服务端交互等等操作，你可以通过 Backbone.Model.extend() 生成你的model,当然生成的model也可以作为一个基类去向下扩展更多的model1234567   var People = Backbone.Model.extend({          &nbs...

Backbone源码学习 — Backbone.Collection

发表于 Backbone 分类，标签:
20 08月 2015
0
今天我们继续来说说BackboneMVC中的 M，如果说前面介绍的Backbone.Model像是数据库中的一条记录的抽象的话，那么今天要聊的Backbone.Collection 就像是由若干条Backbone.Model组成的一个数据库表，其api和使用方法和Backbone.Model相似，主要是对models集合进行操作，以下为Backbone.Collection提供的API:我们可以看到很多api和Backbone.Model 的方法是相同的，主要是用于操作数据，进行数据定位等等，方法有：set：作为所有数据操作的基类方法，通过options确定具体的操作，主要是对models集合进行add，remove,merge等操作，默认操作是将传入的models替换原有的models，不进行合并add：封装了set方法，传入的配置默认是remove:f...

Backbone源码学习 — Backbone.View

发表于 Backbone 分类，标签:
20 08月 2015
0
我们来看下MVC中的V部分，也就是Backbone.View，View在Backbone中主要用于沟通页面中的DOM和Backbone.Model/Collection，页面的逻辑操作，DOM事件的绑定等，View部分的代码非常简答，加上注释只有110左右。View部分有一下API：方法不多，下面对部分API进行介绍:构造方法123456789   var viewOptions = ['model', 'collection', 'el', 'id', 'attributes', 'className', 'tagName', 'event...

认识 Backbone（一） : 什么是 Model

发表于 Backbone 分类，标签:
20 08月 2015
0
文章转自（http://segmentfault.com/a/1190000000465965）Backbone 的作者是这样定义 Model 的：Model是任何一个web应用的核心，它包含了交互的数据以及大部分的逻辑。例如：转化、验证、属性和访问权限等。那么，我们首先来创建一个Model：Person = Backbone.Model.extend({    initialize: function(){        alert("Welcome to Backbone!");    }});var&nb...
1/1 ‹‹ 1 ››