Backbone 是一款构建Javascript应用程序的优秀类库(lib)。网上大部分文章介绍时,都说是一款重量级MVC应用框架,但个人感觉,算是比较轻量的lib了。它比较简洁,A但同时提供了很大的灵活性,依赖underscore.js 提供了非常丰富的基础功能操作。

本文目的不在介绍backbone,而是根据这1周的学习,整理一部分国内外资料给初学者、入门者学习。

1、API文档及源码

Backbone托管在https://github.com/documentcloud/backbone/,可在这里下载最新的源码级example

英文API文档:http://backbonejs.org/

中文API文档:http://www.csser.com/tools/backbone/backbone.js.html   翻译时间比较久,部分API可能有变化,但总体还是和最新版差别不大,如果英文不好的童鞋可先看看这个中文版API,然后再对照英文最新版看看。

中文Underscore.js文档:http://www.css88.com/doc/underscore/

2、业内关于backbone的一些介绍及实例说明:

backbone.js 初探  介绍性不多,主要是以一个例子来说明backbone的整个处理流程。

Backbone.js入门学习笔记目录   作者很好的整理了一系列的入门学习资料,可以说是相当详细的,看完这系列后,应该说对backbone有一定的认识和理解了。

Backbone Tutorials E文的backbone学习资料,让你认识backbone是什么以及如何使用。也有几个实例,蛮不错的

Developing Backbone.js Applications   这篇文章长得都可以出书了,可以说是,从简入深,从入门到精通。

3、backbone实例、Demo

官方介绍的实例:http://backbonejs.org/#examples  非常有代表性

Todo是实例:https://github.com/documentcloud/backbone/  官方例子,肯定非常经典,虽然简单,但已包含了backbone的基本功能。

关于todos的源码解析:
http://www.the5fire.net/7-backbone-todos-1.html
http://www.xiaoqiang.org/javascript/backbone-js-todo.html
这2篇文章较好的对源码进行分析,通过从网站下载的todos源码,发现作者对源码进行了一些小修改,但 也不影响,总体还是没多大修改的。

 Build a Contacts Manager Using Backbone.js: Part 1 中文翻译了part1 ,part2没有翻译,但看起来也不难,代码多,看代码就基本能理解意思了。(本人E文太si)

类似聊天室的Demo
http://thomasdavis.github.com/2011/02/01/backbone-introduction.html 

who is your friends  作者很粗糙的翻译了下,还没翻译完整,建议看E文原版。

Wine Cellar Tutorial    这个酒窖例子相当不错,非常完整,包含了服务器端。一共分了3篇文章来介绍,part2part3

非常难得的是,作者在后来又写了一篇文章,是对之前这个examle的改进:http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/

顺便说一下这个例子的php版用的是Slim做rest api,slim是个微型的rest api框架,也是非常好用的。

4、高级实例

高级实例是相当于一个在线可运行的app了,代码已经不局限于backbone。(在做一个web javascript应用时,可能会用到其他的一些lib)

http://bbclonemail.heroku.com/#inbox/sdf908f67hjf9sf

http://backbonetraining.net/resources

http://kroltech.com/2013/12/boilerplate-web-app-using-backbone-js-expressjs-node-js-mongodb/

http://kroltech.com/2013/03/building-a-web-app-using-backbone-js-and-require-js-part-1/

6、backbone文件组织及管理

这部分建议和淘宝前端玉伯写的模块加载器seajs一起使用,

seajs介绍:http://seajs.org/

在国外则比较流行requireJs

Backbone 利用Modules 来组织你的程序(require.js )

Web application with backbone.js and requirejs packages, requirejs optimizer  看打勾的那个评论。

7、源码分析

最后肯定少不了源码分析。[原创]Backbone源码分析-Backbone架构+流程图

最后不得不说,看是没用的,看只是让你了解和熟悉,一定要自己动手去写,才能切实感受到其中的内涵。

One thought on “Backbone 介绍及学习资料索引

Leave a reply

required

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>