基于Backbone.js的JavaScript MVC示例程序(3)

三.前端的实现

前端采用Backbone.js实现,这是一个JavaScript MVC框架。Backbone.js唯一重度依赖Underscore.js,对于RESTful,history 的支持依赖于 Backbone.Router,DOM处理依赖于Backbone.View,json2.js,和jQuery或Zepto 之一。因此在学习Backbone.js之前至少需要简单看一下Underscore.js 。

下面是我参考的一些资料,以官方的文档和例子为主:

Underscore.js的官方文档:

http://documentcloud.github.com/underscore/

http://www.css88.com/doc/underscore/(中文版)

Backbone.js的官方文档:

http://documentcloud.github.com/backbone/

http://www.csser.com/tools/backbone/backbone.js.html(中文版)

CSDN专栏”Backbone.js入门教程“,写得非常好:

http://blog.csdn.net/column/details/backbone-js-tutorial.html

官方的例子Todos:

http://documentcloud.github.com/backbone/examples/todos/index.html

http://documentcloud.github.com/backbone/docs/todos.html(注释版)

在学习技术的时候我比较喜欢对东西先了解个大概,然后细节的地方边做边学,要我慢慢看完一整本书估计会坚持不下来。

我的学习顺序如下:

  1. 通过官方文档大致了解Underscore.js的使用方法、编程风格,函数库大概分成几个部分,每一部分随机挑几个函数看看解释,剩余的以后遇到再回来查。
  2. 通过官方文档大致了解一下Backbone.js,然后对照着CSDN的那个专栏,分别学习MVC三层,最后再将官方文档中剩余的函数浏览一遍。
  3. 学习Todos,官网上有注释版,CSDN专栏里面也有作者的分析,版本有一些差异。我是去官网下载了最新版的源码,一边看一边尝试着修改,看看会有什么效果。
  4. 实现这个示例程序。

接下来将会详细介绍实现这个示例程序前端的过程。

原文地址:https://www.cnblogs.com/hiddenfox/p/2646429.html