`
逐行分析JS源代码
  • 浏览: 87852 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

透过源码学前端 之 Backbone 三 Model

阅读更多

Backbone 分析第三部分  Model

概述: Model 提供了数据存储,将数据以JSON的形式保存在 Model的 attributes里,

但重点功能在于其提供了一套功能强大,使用简单的存、取、删、改数据方法,并在不同的操作里加了相应的监听事件,

如每次修改添加里都会触发 change,这在据模型变动来修改视图时很常用,并且与collection建立了关联。

其较常用的功能有:

defaults: 创建模型时提供一些对象,以保证每次创建实例时,都默认带上指定数据

var model = Backbone.Model.extend({

default: {//这样所有生成的 _model实例都默认带了该功能

'name': 'lulu',

'sex' : 'man'

}

});

var _model = new Model({

'height' : 174

})

toJSON: 在 View内向视图模板里添数据时,经常用到

get: 从保存到attributes获取某些数据 

has: 判断attributes里是否有某属性

set: 增加,修改数据,这个重点

unset: 删除某数据,其是基于set方法,只不过是将 key对应的值设为undefined

clear: 清空数据

 

代码详细解释就不贴了,看起来也不方便,有需要的朋友直接下附件看吧。

后面基本再分四次写完

collection

view 、sync、ajax

router、history

最后再附一次我对backbone实际如何使用的体会

  

分享到:
评论
1 楼 hlj317 2013-07-03  
非常好,非常棒,继续加油~~~

相关推荐

    透过源码学前端 之 Backbone 一

    标题“透过源码学前端 之 Backbone 一”暗示我们将从源码的角度去理解Backbone.js的工作原理。通过阅读和分析源码,我们可以更深入地了解其内部机制,这将对提升我们的前端开发技能大有裨益。 首先,Backbone.js的...

    透过源码学前端 之 Backbone 二

    在本篇“透过源码学前端 之 Backbone 二”中,我们将深入探讨JavaScript库Backbone.js的核心概念和实现细节。Backbone.js是前端开发中一个流行的选择,它为构建结构化、模块化的Web应用程序提供了基础框架。让我们...

    web前端框架MVC(backBone)实现记账应用,后端使用node.js(版本: lpNote-1.0)

    Backbone.js是一款轻量级的JavaScript库,它遵循MVC(Model-View-Controller)设计模式,用于构建结构化的前端应用。在MVC架构中: 1. **Model**:代表数据模型,负责存储和处理业务逻辑,与服务器进行数据交换。 2...

    前端开源库-backbone-callbacks

    在Backbone.js中,Backbone.Callbacks常用于模型(Model)、视图(View)、集合(Collection)和路由器(Router)等组件中,处理各种事件和异步操作。例如,在模型的`sync`方法中,我们可以看到Backbone.Callbacks是...

    Backbone中view和model事件托管

    发现Backbone中View和Model的直接通信在比较麻烦,少量还可以看出来,如果后期model和view频繁交换数据。那就需要一个托管两者事件的层来做这个工作。我这里命名为controller。 文章见web前端中的demo1.

    前端框架backbone使用教程.zip

    前端框架backbone使用教程.zip

    前端项目-backbone.validation.zip

    在前端开发领域,Backbone.js 是一个非常受欢迎的JavaScript库,它为构建复杂的应用程序提供了一个轻量级的框架。Backbone.Validation 插件是针对Backbone.js设计的一个验证工具,用于帮助开发者轻松地实现对模型...

    Backbone.js开发秘笈源码

    **Backbone.js 开发秘笈源码详解** Backbone.js 是一个轻量级的JavaScript库,主要用于构建可维护性和结构化的Web应用...总之,深入学习和理解Backbone.js的源码,对于提升前端开发技能和项目实践能力有着极大的帮助。

    backbone 源码+API

    在"backbone 源码+API"中,我们有两个主要的组成部分:`backbone-master.zip`和`underscore-master.zip`。 首先,`backbone-master.zip`包含了Backbone.js的源码。Backbone.js的源码对于深入理解其工作原理至关重要...

    前端项目-backbone.stickit.zip

    在前端开发领域,Backbone.js 是一款非常受欢迎的JavaScript库,它为构建复杂且结构化的Web应用程序提供了强大的数据模型(Model)、视图(View)以及URL路由(Router)等功能。而Backbone.Stickit是Backbone.js的一个扩展...

    前端项目-backbone-relational.zip

    在前端开发领域,Backbone.js 是一款非常流行的轻量级MVC(Model-View-Controller)框架,它为构建复杂的JavaScript应用提供了结构化的支持。Backbone-relational 是一个扩展插件,专门用于处理Backbone模型间的一对...

    前端项目-backbone.radio.zip

    **标题解析:** ...总结来说,这个"前端项目-backbone.radio.zip"提供了学习和实践Backbone.Radio消息传递模式的机会,通过分析源码和理解项目结构,开发者可以更好地掌握前端应用中的组件通信策略。

    backbone-model-collection-example

    `Backbone.Model` 和 `Backbone.Collection` 的协同工作是Backbone框架中的关键组成部分,让我们深入探讨一下这两个概念。 ### Backbone.Model **模型(Model)** 是Backbone的核心组件,代表了应用中的数据和业务...

    前端项目-backbone-localstorage.js.zip

    `Backbone.js` 是一个流行的JavaScript库,它提供了MVC(Model-View-Controller)架构来帮助组织前端代码。在这个场景中,我们关注的是一个名为"前端项目-backbone-localstorage.js.zip"的压缩包,它包含了使用`...

    《Node应用程序构建:使用MongoDB和Backbone》 源码

    6. **Backbone.js的Model和Collection**:了解如何将MongoDB中的文档映射到Backbone.js的Model,以及如何使用Collection管理一组Model,实现数据的同步和异步操作。 7. **Backbone.js的View和Router**:学习如何...

    前端项目-backbone-pageable.zip

    Backbone.js是一款轻量级的JavaScript库,它为前端开发提供了模型(Model)、视图(View)、集合(Collection)以及路由器(Router)等核心功能,帮助构建结构化的Web应用。 【描述】中的“可分页主干”指的是...

    《Backbone.js实战》(陶国荣)源码

    Backbone.js是一款轻量级的JavaScript库,专为构建...总的来说,通过学习《Backbone.js实战》的源码,开发者不仅可以掌握Backbone.js的基本用法,还能了解到如何在实际项目中应用和优化Backbone.js,提升前端开发技能。

    JS MVC框架(BackBone)

    BackBone.js虽然相对简单,但功能齐全,适合构建小型到中型的前端应用。它的轻量化设计使得开发者可以快速上手,同时也允许与其他库和工具结合使用,如jQuery进行DOM操作,Underscore.js提供实用函数支持。然而,...

    前端项目-backbone.epoxy.zip

    "前端项目-backbone.epoxy.zip" 这个标题暗示了这是一个关于前端开发的项目,其中使用了Backbone.Epoxy库。Backbone.Epoxy是基于Backbone.js的一个扩展,它提供了更方便的数据绑定机制,使得前端开发更加优雅和高效...

Global site tag (gtag.js) - Google Analytics