BackboneJs入门学习[02]---Model初探

简介: BackboneJs入门学习[02]---Model初探

BackboneJs入门学习之模块—Model

首先,在学习Model模块之前,我们先了解一下BackboneJs提供的几大模块。具体的文档可以参看

http://www.css88.com/doc/backbone/#,官方文档时英文的,但是这份中文文档翻译的也不是很好(个人觉得=_=),凑合看吧。。

Backbone模块简单介绍:

Events:事件驱动方法:作用到各个模块当中;

  1. Model:数据模型,根据 现实数据建立的抽象,如动物、车、楼房、人等,你可以理解为面向对象中的对象。
  2. Collection:它是Model的一个集合,因为Model是一个数据,而**Collection是将这些一个一个的Model集合起来的意思,就成为一堆的数据,比如一个人,变化到了一群人(**model——〉models)
  3. View:视图,是对Model和Collection 中数据的展示,将数据渲染到页面上
  4. Router:路由器(其实就是Hash值),是对路由的处理,在单页面应用中通过Router来控制View的展示,就好像在传统网站中不同的URL显示不同的页面,只不过在Backbone中是将不同的视图(View)显示在一个页面上。
  5. History:历史管理。需要注意的是,页面有Router时,才会发生历史管理,其实很好理解,View没有发生变化,哪来的历史记录呢?所以,History的使用要配合Router,即需要hash值。
  6. Sync:同步服务器的方式。在Backbone中,同步服务器的方式默认是使用Ajax的方式,当然,你可以对Sync进行重写。这个咚咚,在后面的Page中会具体展开!

Ok,以上就是Backbone常用的6大模块了。

现在我们来说说Model这个咚咚。

Model的理解:

  1. Model是Js应用的核心,包括基础的数据以及围绕这些数据的逻辑(例如,数据的转换、数据的验证、属性计算、访问控制等)。

Model的作用:

  1. 对业务中实体对象的抽离;
  2. 做持久化处理,就是把数据以某种方式(文件的形式、数据库的形式)存到磁盘上;
  3. 和服务器端进行数据交互;

示例:

<script type="text/javascript">
var Man=Backbone.Model.extentd({
        //初始化函数,即构造函数,在Model被实例化时会首先被调用
        initialize:function(){
         alert('Hello World!');//来一个经典的输出=n=
}
});
//这这里进行实例化
var man=new Man;
</script>

实践是检验真理的唯一标准! Code实践一下吧,记得引入Jquery和underscoreJs库哦!!!

Ok,关于Model初探的介绍先到这里了啦~下一篇中我们将进入到Model的具体实践中。

每篇一语:

我们的教育和Foreign的教育的区别在什么?圈养与放养?ImagineCode认为,适合国情的教育是好教育,适合自身的学习是好学习!

刚刚耳中放了一首歌,挺有感觉的,你一定听过哈~《Longer》“We’ will fly through the falls and summers , With love on our wings ”



相关文章
|
1天前
|
JavaScript 前端开发
vue学习第九章(v-model)
欢迎来到我的博客,我是瑞雨溪,一名热爱JavaScript与Vue的大一学生,自学前端2年半,正向全栈进发。此篇介绍v-model在不同表单元素中的应用及修饰符的使用,希望能对你有所帮助。关注我,持续更新中!🎉🎉🎉
vue学习第九章(v-model)
|
6月前
Vuejs基础版VIII
Vuejs基础版VIII
|
6月前
【Vue2.0学习】—v-pre指令(四十八)
【Vue2.0学习】—v-pre指令(四十八)
|
缓存 算法 Java
14.AQS的前世,从1990年的论文说起
大家好,我是王有志。在正式开始学习AbstractQueuedSynchronizer前,先来了解下基于队列思想的自旋锁在设计上的演进。
103 0
14.AQS的前世,从1990年的论文说起
学习Vue3 第二十六章(深入v-model)
配置完成之后使用ref reactive watch 等 无须import 导入 可以直接使用
61 0
学习Vue3 第二十六章(深入v-model)
|
存储 JavaScript
《跟热饭一起学习vue吧》Part.20 表单和v-model
《跟热饭一起学习vue吧》Part.20 表单和v-model
《跟热饭一起学习vue吧》Part.20 表单和v-model
|
JSON 数据格式
BackboneJs入门学习[04]—Model实践(2)
BackboneJs入门学习[04]—Model实践(2)
117 0
BackboneJs入门学习[04]—Model实践(2)
|
JavaScript
BackboneJs入门学习[03]—Model实践(1)
BackboneJs入门学习[03]—Model实践(1)
113 0
BackboneJs入门学习[03]—Model实践(1)
|
JavaScript 前端开发
BackboneJS入门学习[01]---预热
BackboneJS入门学习[01]---预热
|
前端开发 JavaScript API
The Road to learn React书籍学习笔记(第四章)
高级React组件 本章将重点介绍高级 React 组件的实现。我们将了解什么是高阶组件以及如何实现它们。此外,我们还将深入探讨 React 中更高级的主题,并用它实现复杂的交互功能。 引用 DOM 元素 有时候我们需要在 React 与 DOM 节点进行交互。
1129 0