关注
分享
文章平均质量分 75
backbone.js是一个基于jquery和underscore.js库的一个web端的MVC框架，使用它可以帮你更好的组织web端的js代码以及更灵活的操作dom以及绑定事件。关于它的中文资料比较少，所以根据自己的学习整理成系列教程，希望对大家有帮助
the_fire
奋发图强，不敢有丝毫停顿……
展开
-
Backbonejs入门教程第二版电子书
在经过最近一段时间整理之后，最终还是放到了百度阅读上。算是电子书出版，虽然没有纸质书带来的那种实体的感受，但最终编辑完上线、审核通过之后还是满心欢喜的。虽说在github上写作也是不断的能让用户看到，但感觉总是在开发状态。不停的开发迭代，需要一个正式的机构或者平台来通过某种规则来发布。像是产品上线前要做足准备一样——技术准备、还有心理准备。原创 2014-04-22 22:39:23 · 13022 阅读 · 0 评论 -
Backbonejs教程第二版目录
把backbonejs版本更新到1.1.0，并对部分内容进行了扩展，添加了新的实战原创 2013-12-08 12:29:03 · 10142 阅读 · 2 评论 -
backbone.js入门教程PDF下载
文章已经移到新博客地址: http://www.the5fire.com/backbone-js-tutorials-pdf-download.html原创 2012-05-01 23:17:19 · 15433 阅读 · 2 评论 -
17、backbone.js相关资源
首先自然就是backbone.js的官网：http://documentcloud.github.com/backbone然后是能让你大概认识backbone.js是什么以及怎么用的网站：http://backbonetutorials.com/另外还有几篇中文的博客也不错：http://weakfi.iteye.com/blog/1391990http://b原创 2012-04-29 23:36:31 · 6680 阅读 · 0 评论 -
16、backbone.js实践总结的说
到目前为止我个人感觉已经把backbone.js的基本使用说清楚了，如果有哪里不清楚的，大家提出来一起探讨。从一开始写这系列文章到现在已经快一个月了，一开始接触到觉得这个很不错，但是中文资料太少了，所以就萌生了写一系列基础的文章，让其他人在学习这个框架的时候多些参考资料，这一系列文章称不上教程，只算是笔记。能给其他学习者带来些助力是我最欣慰的事。其实光研究这个框架花三天多的时间就够原创 2012-04-29 23:35:32 · 8107 阅读 · 1 评论 -
15、backbone实战：webchat（四）server端开发
上一篇把web端构建了一下，这一篇来构建服务器端。关于django开发应用，相比大家都已经熟悉了，不熟悉的可以移步到这里：django使用webchat的整体目录结构还是同todos一样，有图有真相：先来配置数据库连接：DATABASES = { 'default': { 'ENGINE': 'django.db.ba原创 2012-04-29 09:12:05 · 7807 阅读 · 8 评论 -
14、backbone实战：webchat（三）web端开发
有了前面功能介绍以及整体详细设计 ，下面的开发就变得更有目的性了。沿着上一篇文章的思路，我们先来把javascript模板建立起来，模板用来取代上一篇中html代码里的：li>div class="msgtitle">the5fire 2012-04-10 23:16:00/div>p>大家好！/p>/li>把它改成模板为：script原创 2012-04-28 20:49:27 · 7327 阅读 · 4 评论 -
13、backbone实战：webchat（二）详细设计
由上一篇的功能，我们可以概括出需要的实体类，模型如下：chat: id #主键 content #消息 username #昵称 date #消息发送时间这样的一个模型基本上已经满足了功能上的需求了。再由上一篇中的那个页面设计，我们也进行了实现，代码就不解释了。先是html：原创 2012-04-25 20:30:13 · 7057 阅读 · 1 评论 -
12、backbone实战：web在线聊天室(backbone+django+sqlite)（一）功能分析
在上一节中我们通过django搭建了webserver端，但是那毕竟是基于已有的todos代码来做的，总会觉得少了点什么。现在最后来从头开始做一个完整的实例，来体验一把backbone在开发过程中的使用。这个实战项目我把它叫做webchat（web在线聊天室），使用技术就是backbone+django+sqlite。在功能方面没有想的特别复杂，因为项目的目的就是让大家能够快速的用上bac原创 2012-04-23 20:58:26 · 8693 阅读 · 2 评论 -
11、backbone实例todos扩展+web服务器
在第7节的时候，我们对backbone的功能进行了分析，建立了web端的model。在本节中我们将对原先的todos进行扩展，使其能够将数据存到server端的数据库中。这里我们使用的是django+sqlite来进行实现。现在我们应该对应着建立server端的model。不过在此之前，为了方便不熟悉django的童鞋，简单的写下开发过程：1、创建工程根据上一篇中介绍的dj原创 2012-04-20 23:53:52 · 7377 阅读 · 2 评论 -
10、django开发环境搭建及使用
django是基于python的一个框架，因此在此之前要先安装python环境，关于python环境的搭建，前面已写过，参考这里：http://www.the5fire.net/python-env.html。有了python环境接着就要开始安装django了。在正式开始之前要先介绍一下django的开发环境包括哪些东西：1、django的安装2、mysql安装【非必须，本原创 2012-04-18 22:06:26 · 6489 阅读 · 0 评论 -
9、backbone实例todos分析（三）总结
在前两篇文章中，我们已经对这个todos的功能、数据模型以及各个模块的实现细节进行了分析，这篇文章我们要对前面的分析进行一个整合。前面我们说过，有了肉和菜，剩下的就是要怎么吃。我个人倾向于菜和肉一起吃，这样不会觉得腻 首先让我们来回顾一下我们分析的流程：先对页面功能进行了分析，然后又分析了数据模型，最后又对view的功能和代码进行了详解。你是不是觉得这个分析里面少了点什么？没错了，就知道经原创 2012-04-18 09:56:56 · 8572 阅读 · 0 评论 -
8、backbone实例todos分析(二)view的应用
在上一篇文章中我们把todos这个实例的数据模型进行了简单的分析， 有关于数据模型的操作也都知道了。接着我们来看剩下的两个view的模型，以及它们对页面的操作。首先要分析下，这个俩view是用来干嘛的。按照自己的想法，一个页面上的操作，直接用一个view来搞定不就行了吗，为何要用两个呢？我觉得这就是新手和老手的主要区别之一，喜欢在一个方法里面搞定一切，随着时间的推移，再逐渐重构，原创 2012-04-17 11:39:16 · 9834 阅读 · 7 评论 -
7、backbone实例todos分析（一）
经过前面的几篇文章，backbone中的model，collection，router，view，都简单的讲了一下，我觉得看完这几篇文章，你应该达到的水平，或者说我要达到的目的就是：已经能够在自己的web项目或者是平时的练习中用的上backbone了。其实对于一个web开发老手来说，基本上看完前面的内容，你已经可以把backbone的使用和自己的开发经验结合起来进行应用了，要想更进一步的话原创 2012-04-15 01:07:23 · 12937 阅读 · 4 评论 -
6、backbone中的view实例
Backbone的view是用来显示你的model中的数据到页面的，同时它也可用来监听DOM上的事件然后做出响应。先要给出一个页面的大体代码，下面的所有试验代码都要放到这里面： the5fire-backbone-view (function ($) {原创 2012-04-14 12:50:52 · 16925 阅读 · 11 评论 -
5、backbone中的Router实例
关于这个router的使用，我现在依然是心存疑惑的。每点击一次这样的链接action会触发一个事件，但是url也会改变，这样刷性的话，岂不是会自动触发事件。或者这个东西只是用在单个页面的网站上，或者移动设备网站上，或者是我还不会用。大概解释下Router：Backbone中的router，见名知意，router有路由的意思，显然这里是要控制url的。Backbone.Route原创 2012-04-12 21:46:04 · 20024 阅读 · 7 评论 -
4、backbone的collection实例
collection是model对象的一个有序的集合，概念理解起来十分简单，在通过几个例子来看一下，会觉得更简单。1、关于book和bookshelf的例子Book = Backbone.Model.extend({default : {title:'default'},initialize: function(){//alert('Hey, you creat原创 2012-04-11 16:19:28 · 15141 阅读 · 2 评论 -
3、backbone中的model实例
关于backbone，最基础的一个东西就是model，这个东西就像是后端开发中的数据库映射那个model一样，也是数据对象的模型，并且应该是和后端的model有相同的属性（仅是需要通过前端来操作的属性）。下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。首先定义一个html的页面： the5fire-backbone-m原创 2012-04-10 14:54:30 · 20499 阅读 · 12 评论 -
2、通过helloworld来认识下backbone
先来说一下这个helloworld的功能：在页面上有一个报道的按钮，点击弹出输入框，输入内容，确认，最后内容会加到页面上。页面图如下：下面来看代码： the5fire.net-backbone.js-Hello World报到 更多教程(function ($) { World = Backbone.Model.extend原创 2012-04-10 10:06:07 · 13705 阅读 · 3 评论 -
1.初识backbone.js
backbone，英文意思是：勇气， 脊骨，但是在程序里面，尤其是在backbone后面加上后缀js之后，它就变成了一个框架，一个js库。backbone.js，不知道作者是以什么样的目的来对其命名的，可能是希望这个库会成为web端开发中脊梁骨。好了，八卦完了开始正题。backbone.js提供了一套web开发的框架，通过Models进行key-value绑定及custom原创 2012-04-06 16:09:32 · 14136 阅读 · 0 评论