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

⭐️ 本文首发自 前端修罗场(点击即可加入)，一个专注 Web 技术、答疑解惑、面试辅导、职业发展的社区。现在加入，即可参与打卡挑战，挑战成功即可获取一次免费的模拟面试机会，进而评估知识点的掌握程度，获得更全面的学习指导意见！

唉，最近公司在研发分布式高性能的云计算平台，其中涉及到了 AI 方面的处理。所以我也在自学 Python，发现没啥门槛😂。不过在 AI 方面的知识却是需要花功夫花时间学习的。在学习的过程中我发现了一个不错的学习教程，推荐给大伙，我个人觉得这个教程讲解的通俗易懂，帮我省去了自己苦苦专研的时间，能够得到快速的进步。下一阶段，我也会在这里和大家分享我的学习笔记。

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的教育的区别在什么？圈养与放养？博主认为，适合国情的教育是好教育，适合自身的学习是好学习！

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

❤️ 现在关注【前端修罗场】，后台回复【666】，即可获取一份【免费的优质学习资料】,一起学习，一起进步~