具体描述
backbone.js提供了一套web开发的框架,为复杂javascript应用程序提供一个mvc结构。
《backbone.js应用程序开发》详细介绍了如何使用backbone.js完成web应用开发。全书从了解mvc、spa和backbone.js的基本知识开始,然后着手构建3个示例应用程序;此外,backbone和grunt-bbb、jquery mobile等开发工具的配合使用,以及jasmine、qunit和sinonjs等测试解决方案。
本书的作者是知名的javascript专家、谷歌chrome团队的工程师addy osmani。本书适合于javascript程序员、web开发人员,尤其是想要学习和使用backbone.js的读者阅读参考。
如果你想使用单页应用程序(spa)模型创建前端站点,本书向你展示了如何使用backbone.js完成这类工作。你将学会使用backbone自有风格的模型-视图-控制器(mvc)架构,来创建结构化的javascript应用程序。
《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。本书的作者是谷歌chrome团队的工程师addy osmani,他还演示了框架的高级应用。
《backbone.js应用程序开发》包括以下内容:
了解backbone.js如何给客户端带来mvc方面的好处;
编写易于阅读的、结构化的和易扩展代码 ;
使用backbone.marionette和thorax扩展框架;
解决使用backbone.js时会遇到的常见问题;
使用amd和requirejs将代码进行模块化组织;
使用backbone.paginator插件为collections数据分页;
使用样板代码引导新的backbone.js应用程序;
使用jquery mobile,并解决两者之间的路由问题;
使用jasmine、qunit和sinonjs对backbone应用进行单元测试。
作者简介
Addy Osmani,本书的作者是知名的JavaScript专家、谷歌Chrome团队的工程师,他对JavaScript应用程序架构有着强烈的爱好,还创建了一些比较流行的项目,如TodoMVC,并且对Yeoman、Modernizr和jQuery等其他开源项目也有重要贡献。除此之外,Addy Osmani也是一位高产的博主(http://addyosmani.com/blog),同时也是O'reilly出版的《JavaScript设计模式》一书的作者。
徐涛(网名:汤姆大叔;微博:@TomXuTao),微软最有价值专家(MVP)、项目经理、软件架构师,擅长大型互联网产品的架构与设计,崇尚敏捷开发模式,熟悉设计模式、前端技术、以及各种开源产品,曾获MCP、MCSE、MCDBA、MCTS、MCITP、MCPD、PMP认证。《JavaScript编程精解》、《JavaScript启示录》译者,博客地址:Http://www.cnblogs.com/TomXu。
目录信息
第1章 概述 1
1.1 什么是mvc 2
1.2 什么是backbone.js 2
1.3 何时需要javascript mvc框架 3
1.4 为何考虑backbone.js 4
1.5 设定预期目标 5
第2章 基本概念 8
2.1 mvc 8
2.1.1 smalltalk-80 mvc 8
2.1.2 mvc应用于web 9
2.1.3 客户端mvc和单页面应用程序 12
2.1.4 客户端mvc:backbone风格 13
2.1.5 实现规范 16
2.2 mvc能带给我们什么 19
2.2.1 深究mvc 19
2.2.2 总结 20
2.2.3 延伸阅读 20
2.3 基本概况 20
2.3.1 backbone.js 20
2.3.2 使用案例 21
第3章 backbone基础 25
3.1 准备开始 25
3.2 模型(model) 26
3.2.1 初始化 27
3.2.2 默认值 27
3.2.3 赋值与取值 28
3.2.4 监听模型变化 30
3.2.5 验证 32
3.3 视图(view) 33
3.3.1 创建视图 33
3.3.2 el是什么 34
3.4 集合(collection) 39
3.4.1 添加和移除模型 40
3.4.2 检索模型 40
3.4.3 事件监听 42
3.4.4 重置和刷新集合 44
3.4.5 underscore实用函数 45
3.4.6 链式api 49
3.5 restful持久化 50
3.5.1 从服务器上获取模型 50
3.5.2 保存模型到服务器 50
3.5.3 从服务器删除模型 51
3.5.4 选项 52
3.6 事件(event) 52
3.6.1 on()、off()和trigger() 53
3.6.2 listento()和stoplistening() 56
3.6.3 事件与视图 57
3.7 路由(router) 58
3.8 backbone同步api 63
3.9 依赖文件 67
3.10 总结 67
第4章 练习1:todos——第一个backbone.js应用程序 68
4.1 静态html 69
4.1.1 html头部和script脚本 69
4.1.2 应用程序html 70
4.1.3 模板 71
4.2 todo模型 72
4.3 todo集合 72
4.4 应用程序视图(appview) 74
4.5 独立的待办项视图(todoview) 79
4.6 程序启动 81
4.7 实战操作 82
4.8 标记完成或删除todo项 84
4.9 todo路由 86
4.10 总结 88
第5章 练习2:book library——第一个restful风格的backbone.js
应用程序 89
5.1 程序建立 89
5.2 界面布局 96
5.2.1 添加模型 96
5.2.2 删除模型 97
5.3 创建后端系统 98
5.3.1 安装node.js、npm、mongodb 98
5.3.2 安装node模块 99
5.3.3 创建简单的web服务器 99
5.3.4 连接到数据库 102
5.4 和服务器通信 108
5.5 总结 113
第6章 backbone扩展 114
6.1 marionettejs(backbone.marionette) 114
6.1.1 boilerplate渲染代码 116
6.1.2 使用marionette.itemview减少boilerplate 117
6.1.3 内存管理 117
6.1.4 区域管理 120
6.1.5 marionette todo应用程序 122
6.1.6 todo应用程序的marionette实现更具可维护性吗? 132
6.1.7 marionette与灵活性 132
6.1.8 更多特性 134
6.2 thorax 134
6.2.1 hello world 134
6.2.2 嵌入子视图 135
6.2.3 视图助手 136
6.2.4 集合助手 137
6.2.5 自定义html data属性 138
6.2.6 thorax资源 139
6.3 总结 140
第7章 常见问题和解决方案 141
7.1 使用嵌套视图 141
7.1.1 问题 141
7.1.2 解决方案1 141
7.1.3 解决方案2 142
7.1.4 解决方案3 143
7.1.5 解决方案4 143
7.2 在嵌套视图中管理模型 145
7.2.1 问题 145
7.2.2 解决方案 145
7.3 在子视图中渲染父视图 146
7.3.1 问题 146
7.3.2 解决方案 146
7.4 消除视图层级结构 147
7.4.1 问题 147
7.4.2 解决方案 147
7.5 渲染视图层级结构 148
7.5.1 问题 148
7.5.2 解决方案 148
7.6 使用嵌套模型或嵌套集合 149
7.6.1 问题 149
7.6.2 解决方案 149
7.7 更好的模型属性验证 150
7.7.1 问题 150
7.7.2 解决方案 150
7.7.3 backbone.validateall 152
7.7.4 backbone.validation 154
7.7.5 特定表单验证类 155
7.8 避免多个backbone版本的冲突 155
7.8.1 问题 155
7.8.2 解决方案 155
7.9 构建层级模型和层级视图 156
7.9.1 问题 156
7.9.2 解决方案 156
7.9.3 调用重载方法 157
7.9.4 backbone-super 159
7.10 事件聚合器和中介者 159
7.10.1 问题 159
7.10.2 解决方案 160
7.10.3 事件聚合器 160
7.10.4 中介者 161
7.10.5 相似性与差异性 162
7.10.6 关系:何时用,用哪个 163
7.10.7 事件聚合器与中介器一起使用 164
7.10.8 模式语言:语义 165
第8章 模块化开发 166
8.1 使用requirejs和amd组织模型 166
8.1.1 多个脚本文件的可维护性问题 167
8.1.2 需要更好的依赖管理 167
8.1.3 异步模块定义(amd) 168
8.1.4 使用requirejs编写amd模块 168
8.1.5 requirejs入门 170
8.1.6 require.js/backbone示例 172
8.1.7 使用requirejs和text插件将模板保持在外部 176
8.1.8 使用requirejs优化生产环境中的backbone应用 177
8.2 总结 180
第9章 练习3:第一个模块化的backbone/requirejs应用程序 181
9.1 概述 181
9.2 html代码 182
9.3 配置选项 183
9.4 模块化模型、视图、集合 184
9.5 基于路由的模块加载 189
9.5.1 基于json的模块配置 189
9.5.2 模块加载器 190
9.5.3 使用nodejs处理pushstate 191
9.6 另外一种依赖管理方式 192
第10章 对backbone.js请求和集合进行分页 193
10.1 backbone.paginator 194
10.2 paginator.requestpager 195
10.3 paginator.clientpager 199
10.3.1 便利方法 202
10.3.2 实现备注 204
10.3.3 插件 205
10.3.4 引导 206
10.3.5 样式化 207
10.4 总结 208
第11章 backbone boilerplate和grunt-bbb 209
11.1 准备开始 211
11.2 创建新项目 211
11.2.1 index.html 212
11.2.2 config.js 213
11.2.3 main.js 215
11.2.4 app.js 216
11.2.5 创建backbone样板模块 218
11.2.6 router.js 220
11.3 其他有用的工具和项目 221
11.3.1 yeoman 221
11.3.2 backbone devtools 223
11.4 总结 223
第12章 backbone和jquery mobile 224
12.1 使用jquery mobile进行移动应用开发 224
12.1.1 jqmobile渐进部件增强原则 225
12.1.2 理解jquery mobile导航 226
12.2 backbone应用的基础设置(用于jquery mobile) 227
12.3 backbone和jquerymobile的工作流程 230
12.3.1 路由到具体视图页面,继承于basicview 231
12.3.2 移动页面模板的管理 232
12.3.3 dom管理与$.mobile.changepage 234
12.4 在backbone上应用jqm高级技术 237
12.4.1 动态dom脚本 237
12.4.2 拦截jquery mobile事件 239
12.4.3 性能 240
12.4.4 智能的多平台支持管理 241
第13章 jasmine 246
13.1 行为驱动开发 246
13.2 suite、spec以及spie 248
13.3 beforeeach()和aftereach() 252
13.4 共享作用域 254
13.5 准备开始 255
13.6 tdd与backbone 256
13.7 模型 256
13.8 集合 258
13.9 视图 260
13.10 练习 268
13.11 延伸阅读 268
13.12 总结 268
第14章 qunit 269
14.1 准备开始 269
14.2 断言 272
14.2.1 使用test(name, callback)编写基础测试用例 272
14.2.2 比较函数的实际输出和期望输出 273
14.3 为断言添加结构 273
14.3.1 qunit基本模块 273
14.3.2 使用setup()和teardown() 274
14.3.3 使用setup()和teardown()用于初始化和清理工作 274
14.4 断言示例 275
14.5 fixtures 276
14.6 异步代码 279
第15章 sinonjs 281
15.1 sinonjs概述 281
15.1.1 基础spy 282
15.1.2 在现有函数上监听 282
15.1.3 检测接口 282
15.2 stub与mock 284
15.2.1 stub 284
15.2.2 mock 285
15.3 练习 286
15.3.1 模型 286
15.3.2 集合 288
15.3.3 视图 289
15.3.4 app 290
15.4 延伸阅读与资源 291
第16章 结论 293
附录a 延伸学习 295
附录b 资源 313
封面介绍 316
· · · · · · (收起)
读后感
不得不说,Backbone是JavaScript中诠释MVC模式的先行者。 它的简洁有力,可以让初学者无压力直接投产。并且它并没有脱离传统的jQuery模式,这对于很多jQuery开发者更是一大福音。 学习的曲线足够平滑,这是Backbone的一大优点之一。 它的足够平滑,也是因为它并没有颠覆传统的j...
不得不说,Backbone是JavaScript中诠释MVC模式的先行者。 它的简洁有力,可以让初学者无压力直接投产。并且它并没有脱离传统的jQuery模式,这对于很多jQuery开发者更是一大福音。 学习的曲线足够平滑,这是Backbone的一大优点之一。 它的足够平滑,也是因为它并没有颠覆传统的j...
不得不说,Backbone是JavaScript中诠释MVC模式的先行者。 它的简洁有力,可以让初学者无压力直接投产。并且它并没有脱离传统的jQuery模式,这对于很多jQuery开发者更是一大福音。 学习的曲线足够平滑,这是Backbone的一大优点之一。 它的足够平滑,也是因为它并没有颠覆传统的j...
https://leanpub.com/backbonetutorials 书比这个薄, 更加Backbone. 没有ISBN,无法添加到Douban. 首次接触看Backbone Tutorials 比看这本书比更好。
https://leanpub.com/backbonetutorials 书比这个薄, 更加Backbone. 没有ISBN,无法添加到Douban. 首次接触看Backbone Tutorials 比看这本书比更好。
用户评价
这本书的排版和装帧简直是业界良心,拿到手就感觉沉甸甸的,纸张的质感非常棒,阅读起来眼睛一点都不累。内页的字体大小和行间距设置得恰到好处,即便是长时间阅读,也不会产生视觉疲劳。更值得称赞的是,随书附带的光盘内容丰富得超乎想象,里面不仅包含了书中所有示例代码的完整项目结构,还额外赠送了几套精心挑选的实战案例,这些案例的代码注释详尽到令人发指的地步,每一个关键逻辑点的思路都写得清清楚楚,对于我们这些希望从理论走向实践的开发者来说,简直是雪中送炭。我特别喜欢其中关于大型单页应用(SPA)状态管理的章节,作者没有仅仅停留在介绍Backbone.js原生的Model和Collection上,而是深入剖析了如何结合Local Storage以及一些社区流行的Mixins来构建一套健壮且可维护的数据流,这种“知其然,更知其所以然”的讲解方式,极大地提升了我的架构思维。书中的插图虽然不多,但每一个图示都精准地描绘了组件间的通信机制或数据流向,配合文字描述,使得那些抽象的概念一下子变得具体可感。总而言之,从物理体验到内容组织,这本书都展现出一种对读者极度负责的态度。
这本书的叙事风格非常独特,它不像某些技术文档那样冷冰冰的堆砌事实,反而带着一种温和的、引导性的口吻,仿佛一位经验丰富的导师在你身边耐心地陪你攻克难关。在处理那些容易让人感到困惑的概念,比如Backbone的`Collection`如何处理同步操作的顺序性,或者`Model`的`validate`方法在不同场景下的最佳实践时,作者总是先抛出一个实际的业务场景,然后层层剥茧地展示解决方案的演进过程。这种“问题-分析-方案-优化”的结构,让学习过程变得非常流畅和有代入感。我发现自己不是在死记硬背代码片段,而是在学习如何像作者一样去思考问题。例如,在讲解如何整合第三方UI库时,书中提供了一套非常实用的混入(Mixin)模式,它允许我们将非Backbone组件的生命周期逻辑,优雅地“注入”到`View`中,从而保持了核心框架的整洁。这种注重工程实践和架构清晰度的写作手法,极大地提升了我对代码可读性和可维护性的重视程度。
这本书在代码示例的质量上,达到了近乎艺术品的程度。每一个代码块都经过了精心的打磨,没有丝毫冗余或不明确的命名。我尤其欣赏作者在展示异步操作处理时所采用的技巧,比如使用`$.Deferred`对象链式调用来管理多个异步请求的依赖关系,并在发生错误时提供统一的错误捕获机制。这些代码不仅仅是功能正确的展示,更是一种关于“优雅处理副作用”的示范。很多技术书籍的示例代码常常为了简化而牺牲了真实性,导致读者学完后发现自己的实际项目无法套用。但这本书的示例,无一例外都构建在一个看似简单实则结构完整的虚拟应用之上,使得读者可以清晰地看到各个模块是如何协同工作的,从数据模型的初始化,到视图的渲染,再到路由的跳转,整个流程一气呵成,毫无割裂感。这对于初学者建立对全貌的认知,以及对资深开发者巩固最佳实践,都具有不可替代的价值。阅读过程中,我甚至会忍不住直接复制代码到我的工作项目中去,因为它本身就是一份高质量的代码模板。
如果说市面上的很多前端书籍都侧重于“做什么”,那么这本书则更侧重于“为什么这么做”。它没有回避Backbone.js在面对现代前端复杂需求时的一些局限性,反而坦诚地讨论了如何通过合理的模式选择去弥补这些“不足”。比如,在涉及到跨组件通信时,作者没有推荐任何复杂的外部库,而是深入剖析了如何利用Backbone原生的`Events`机制,结合一个全局的“应用调度器”对象,来实现一个轻量级但功能完备的消息总线。这种利用现有工具解决问题的能力,才是真正高水平的工程智慧。特别是关于模板引擎的选择与集成部分,它不仅涵盖了Underscore的`_.template`,还详细对比了Handlebars和Mustache在性能和语法灵活性上的权衡,并给出了在特定数据模型下性能最优的集成方案。这种百科全书式的广度和深度结合,使得这本书成为了一个可以长期放在手边、随时查阅的参考宝典,而不是读完一遍就束之高阁的“快餐书”。
我必须承认,这本书在深入探讨JavaScript高级特性方面所展现出的功力,远超我阅读过的许多同类技术书籍。它不仅仅是关于如何“使用”Backbone.js的API手册,更像是一本关于如何“理解”面向对象思想在前端MVC框架中落地的哲学著作。作者对JavaScript原型链、闭包以及`this`绑定的理解非常深刻,并且巧妙地将这些底层机制穿插到对Backbone.js核心组件——如`View`的生命周期管理和`Router`的URL解析策略的讲解之中。我尤其欣赏作者在描述View与DOM元素绑定与解绑的细节时,没有放过任何内存泄漏的潜在风险点,甚至专门开辟了一小节来讨论如何利用Underscore.js的工具函数来安全地清除事件监听器,这对于构建高可靠性应用至关重要。这种对细节的极致追求,体现了作者深厚的技术底蕴和丰富的实战经验。读完这部分内容后,我对Backbone.js的组件化和可扩展性有了全新的认识,不再是被动地调用API,而是能够主动地去设计更具弹性的应用结构。那些关于自定义事件的深层应用场景,简直是打开了我对事件驱动编程的新大门。
针对Backbone本身的讲述还是非常不错的。建议在使用,或者想要学习Backbone的人读一下。
Addy Osmani 大神出品,必属精品。扣一颗星给翻译和渣渣的排版。代码就不能用 Courier 字体吗。
以一个任务清单列表为例,介绍了Web开发中的方方面面,包括模块化开发(RequireJS和AMD),MVC,RESTful风格开发,前后端的交互,后台系统的搭建,移动应用开发以及单元测试。 美中不足的是,书中的代码有些过时,不能正常运行。而且可能限于篇幅的原因,书中有些部分没有展开来讲。
Addy Osmani 大神出品,必属精品。扣一颗星给翻译和渣渣的排版。代码就不能用 Courier 字体吗。
针对Backbone本身的讲述还是非常不错的。建议在使用,或者想要学习Backbone的人读一下。