Backbone.js实战 pdf

Backbone.js实战

内容简介

资深Web开发专家根据Backbone.js最新版本撰写,对它的所有功能、特性、使用方法和开发技巧进行了全面而透彻的讲解,是系统学习的权威参考书。《Backbone.js实战》以一种开创性的写作方式,使理论与实践达到了极好的平衡。不仅对理论知识进行清晰而透彻的阐述,而且根据读者理解这些知识的需要精心设计了70余个经典示例,以及4个综合案例,每个示例分为功能描述、实现代码、页面效果和源码分析四部分,旨在帮助读者通过实践的方式达到迅速掌握Backbone.js的目的。

全书共10章,在逻辑上分为四部分。第一部分(第1~7章)详细介绍了Backbone开发所涉及的基础知识,包括适用场景、开发环境的搭建、Underscore依赖库中各函数的使用方法,以及事件、模型、集合、视图、导航各个模块的功能和使用方法;第二部分(第8章)通过两个管理系统的综合案例,充分展示了使用Backbone开发的全过程;第三部分(第9章)详细讲解了Require框架的使用;第四部分(第10章)通过两个综合性的移动应用开发案例,演示了利用Backbone、jQuery Mobile和Require框架开发WebApp的详细过程。

作者简介

陶国荣 ,资深Web技术专家,有10余年开发经验,是国内较早专业从事 Web开发的一线技术人员和培训讲师。一直致力于 HTML 5、、CSS 3等Web技术和jQuery、iQuery Mobile、Backbone等 Web开发框架的研究和实践,积累了丰富的经验。微软技术方面的专家,精通C#、 ASP.NET和SQLServer等技术。知名技术作家,曾出版了多部技术著作。2013年荣获51CTO评选的“*受读者喜爱的IT图书作者奖”。《Query权威指南》 jQuery领域代表性著作之一,Web开发领域的畅销书,推向市场几年来,广受好评,已经更新至第2版。《HTML 5实战》内容结构和写作体例非常独特,以实践为导向,深受初学者欢迎。《iQuery Mobile权威指南》 jQueryMobile领域的标杆性著作,被誉为“系统学习jQuery Mobile必读书”,取得了不错的市场成绩。

目录

前 言
第1章 初识Backbone 1
1.1 Backbone简介 1
1.1.1 Backbone的MVC结构 1
1.1.2 特点及适用范围 2
1.2 如何搭建开发Backbone应用的框架 3
1.2.1 Backbone.js主框架文件 3
1.2.2 Underscore.js依赖库文件 3
1.2.3 第三方库 5
1.3 Backbone依赖库的使用 5
1.3.1 使用_.bindAll()函数绑定对象方法 5
1.3.2 使用_.keys()函数检索对象属性名称 7
1.4 开发*个Backbone页面 7
1.5 本章小结 10
第2章 依赖库Underscore 11
2.1 Underscore简介 11
2.1.1 Underscore对象封装 11
2.1.2 Underscore库的类型模块 12
2.2 集合 13
2.2.1 each()和map()函数 13
2.2.2 find()和filter()函数 15
2.2.3 max()和min()函数 16
2.2.4 sortBy()和groupBy()函数 17
2.3 数组 18
2.3.1 first()和last()函数 19
2.3.2 indexOf()和lastIndexOf()函数 20
2.3.3 without()和union()函数 21
2.4 函数 22
2.4.1 delay()函数 22
2.4.2 once ()函数 22
2.4.3 wrap ()函数 23
2.4.4 compose()函数 23
2.5 对象 24
2.5.1 keys()和values()函数 24
2.5.2 pick()和omit()函数 25
2.5.3 defaults()函数 26
2.5.4 has()函数 27
2.6 功能 28
2.6.1 random()函数 28
2.6.2 escape()和unescape()函数 28
2.6.3 template()函数 29
2.6.4 chain()函数 33
2.7 本章小结 34
第3章 事件管理 35
3.1 Backbone.Events模块API结构 35
3.2 基本事件方法 36
3.2.1 绑定on方法 36
3.2.2 绑定一次once方法 42
3.2.3 触发事件trigger方法 43
3.2.4 移除事件off方法 45
3.3 新增事件方法 49
3.3.1 监听事件listenTo方法 49
3.3.2 监听一次listenToOnce方法 50
3.3.3 停止监听stopListening方法 52
3.4 事件其他 53
3.4.1 特殊事件all的使用 54
3.4.2 事件与Model、Collection、View的关系 55
3.5 本章小结 58
第4章 数据模型 59
4.1 创建数据模型 59
4.1.1 创建一个简单模型对象 59
4.1.2 对象模型赋值的方法 60
4.1.3 自定义模型中的方法 62
4.1.4 监听对象属性值变化 63
4.2 模型对象操作 65
4.2.1 读取数据 65
4.2.2 修改数据 66
4.2.3 开启数据验证 67
4.2.4 关闭数据验证 69
4.2.5 更新数据回滚 70
4.2.6 删除数据 71
4.3 对象属性操作 73
4.3.1 attributes对象 73
4.3.2 previous和previousAttributes方法 75
4.3.3 set方法的内部顺序 77
4.4 同步数据到服务器 78
4.4.1 save方法 78
4.4.2 fetch方法 83
4.4.3 destroy方法 84
4.5 本章小结 86
第5章 模型集合 87
5.1 创建集合对象 87
5.1.1 自定义集合对象 87
5.1.2 实例化集合对象 89
5.1.3 自定义集合方法 90
5.2 操作集合中模型对象 91
5.2.1 移除集合对象中的模型 91
5.2.2 添加集合对象中的模型 94
5.2.3 查找集合对象中的模型 96
5.2.4 集合中模型对象的排序 99
5.3 与服务器交互集合中模型对象 102
5.3.1 调用fetch方法获取服务器数据 102
5.3.2 调用create方法与服务器同步数据 104
5.4 本章小结 110
第6章 视图 111
6.1 视图基础 111
6.1.1 定义视图对象 111
6.1.2 视图对象访问模型对象 114
6.1.3 视图对象访问集合对象 116
6.2 视图中的模板 118
6.2.1 处理逻辑的模板 118
6.2.2 显示多项内容的模板 120
6.2.3 自定义模板变量标记 123
6.3 视图中的元素事件 125
6.3.1 视图中简单事件绑定 126
6.3.2 绑定视图模板中的多个事件 128
6.3.3 动态绑定和取消视图中的事件 130
6.4 使用Backbone框架开发前端Web应用 134
6.4.1 功能描述 134
6.4.2 实现代码 135
6.4.3 页面效果 137
6.4.4 源码分析 137
6.5 本章小结 138
第7章 导航控制器 139
7.1 浏览器导航基础 139
7.1.1 history对象 139
7.1.2 HTML 5中history对象API 142
7.1.3 location对象 145
7.2 绑定导航地址 147
7.2.1 action方式绑定URL地址 147
7.2.2 event方式绑定URL地址 150
7.2.3 定义hash属性绑定规则 151
7.3 router类中的方法 154
7.3.1 route方法的使用 154
7.3.2 navigate方法的使用 156
7.4 history对象的stop方法 158
7.5 本章小结 161
第8章 综合案例:Backbone框架开发Web应用 162
8.1 案例1:学生信息管理系统 162
8.1.1 需求分析 162
8.1.2 界面效果 162
8.1.3 功能实现 165
8.1.4 代码分析 170
8.2 案例2:人员资料管理系统 174
8.2.1 需求分析 174
8.2.2 界面效果 174
8.2.3 功能实现 178
8.2.4 代码分析 186
8.3 本章小结 190
第9章 Require框架基础知识 191
9.1 构建Require框架开发环境 191
9.1.1 下载Require文件库 191
9.1.2 异步方式加载文件库 192
9.2 加载主模块 192
9.3 加载自定模块 193
9.3.1 示例文件间的层次关系 194
9.3.2 加载key/value格式模块 194
9.3.3 加载函数模块 196
9.3.4 加载存在依赖关系的函数模块 197
9.4 Require的配置选项 199
9.4.1 加载指定路径的模块文件 200
9.4.2 加载非AMD标准的模块文件 201
9.4.3 加载Require插件模块文件 203
9.5 本章小结 204
第10章 综合案例:Require + jQuery Mobile + Backbone框架开发 205
10.1 案例1:简单的移动端WebApp 205
10.1.1 需求分析 205
10.1.2 界面效果 206
10.1.3 功能实现 206
10.1.4 代码分析 211
10.2 案例2:移动端的新闻浏览应用 212
10.2.1 需求分析 212
10.2.2 界面效果 212
10.2.3 功能实现 213
10.2.4 代码分析 221
10.3 本章小结 223
示例目录
第1章 初识Backbone 1
示例1-1 调用_.bindAll()函数显示hello, underscore! 6
示例1-2 *个MVC页面hello,backbone! 8
第2章 依赖库Underscore 11
示例2-1 (script)模板标签的使用 31
第3章 事件管理 35
示例3-1 使用on方法监听默认事件 36
示例3-2 使用on方法监听属性事件 37
示例3-3 使用on方法获取属性修改前的值 38
示例3-4 使用on方法绑定多个事件 40
示例3-5 使用once方法绑定事件 43
示例3-6 使用trigger方法触发事件 44
示例3-7 使用off方法移除对象的某个或多个绑定事件 45
示例3-8 使用off方法移除绑定事件的某个函数 47
示例3-9 使用off方法移除对象的全部绑定事件 48
示例3-10 使用listenTo方法监听事件 49
示例3-11 使用listenToOnce方法监听事件 51
示例3-12 使用stopListening方法停止监听 52
示例3-13 all事件的使用 54
示例3-14 在View模块中定义事件 56
第4章 数据模型 59
示例4-1 创建一个简单模型对象 59
示例4-2 对象模型赋值的方法 61
示例4-3 自定义PrintLog方法 62
示例4-4 监听Name属性值的变化 63
示例4-5 调用get方法获取对象指定的属性值 65
示例4-6 调用set方法批量重置默认属性值 66
示例4-7 开启数据验证 67
示例4-...

感悟与笔记

主要特点

当我们开发含有大量Javascript的web应用程序时,首先你需要做的事情之一便是停止向DOM对象附加数据。 通过复杂多变的jQuery选择符和回调函数创建Javascript应用程序,包括在HTML UI,Javascript逻辑和数据之间保持同步,都不复杂。 但对付客户端应用来说,良好的架构通常是有很多益处的。

Backbone将数据呈现为模型, 你可以创建模型、对模型进行验证和销毁,甚至将它保存到服务器。 当UI的变化引起模型属性改变时,模型会触发"change"事件; 所有显示模型数据的视图会接收到该事件的通知,继而视图重新渲染。 你无需查找DOM来搜索指定id的元素去手动更新HTML。 — 旦模型改变了,视图便会自动变化。

基本功能

backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及与现有的Application通过RESTful JSON接口进行交互.它是基于jquery和underscore的一个js框架。

主要组成:

  1. model:创建数据,进行数据验证,销毁或者保存到服务器上
  2. collection:可以增加元素,删除元素,获取长度,排序,比较等一系列工具方法,说白了就是一个保存 models的集合类
  3. view:绑定html模板,绑定界面元素的事件,初始的渲染,模型值改变后的重新渲染和界面元素的销毁等

优势:

  • 将数据和界面很好的分离开来。
  • 将事件的绑定很好的剥离出来,便于管理和迭代。
  • 使得Javascript程序的模块化更加清晰、明了。

会员免费下载

链接:https://pan.baidu.com/s/1sXsRnzC1igwNkrEPitjrlg

提取码: ****** 查看

¥69/年 开通VIP会员

成为本站VIP会员即可无限下载。 请先点击百度网盘,看资源是否还在,不在请点击链接通知站长补资源。

资源标签点击标签可查看对应分类的资源

前端框架

资源推荐

免费 图解数据结构:使用Java

C++ 程序设计语言:第4部分 标准库(原书第4版)

C++编程思想(两卷合订本)

CSS世界

JavaScript DOM编程艺术(第2版)

C++ Primer Plus(第6版) 中文版

Vue.js快速入门

Java编程思想(第4版) [thinking in java]

Copyright © 2021-2022 知识猫. All Rights Reserved.