Backbone.js实战
上QQ阅读APP看书,第一时间看更新

1.2 如何搭建开发Backbone应用的框架

搭建一个Backbone框架的Web应用离不开各类JavaScript库的支持,总体来说需要在页面中导入以下三个类型的JavaScript库。

1.2.1 Backbone.js主框架文件

在浏览器的地址栏中输入下载地址(http://documentcloud.github.io/backbone/),打开的页面如图1-2所示。

图1-2 Backbone.js主框架文件下载页面

可以选择下载“开发”、“生产”及未发行版本文件,这个文件是Backbone框架的主程序文件,目前文件的最新版本为1.0.0。

1.2.2 Underscore.js依赖库文件

下载后的Backbone.js文件仅是一个框架式的JavaScript结构类库,它还依赖于另一个JavaScript库Underscore.js文件中的基础方法,在浏览器的地址栏中输入下载地址(http:// documentcloud.github.io/underscore/),打开的页面如图1-3所示。

图1-3 Underscore.js依赖库文件下载页面

开发人员同样可以根据需求选择下载“开发”、“生产”和未发行版本文件,目前的最新版本为1.5.0。

提示

本书中所有示例都是基于Backbone 1.0.0和Underscore 1.5.0版本进行的。

1.2.3 第三方JavaScript库

以上两项是开发一个Backbone应用时必须导入的JavaScript结构库。此外,为了方便开发人员选择和处理元素,经常引入一些第三方JavaScript库,如jQuery、Zepto和Prototype,这些JavaScript库结合Backbone主框架和依赖库,共同搭建了一个开发Backbone应用的框架。

如果将上述三个类型的JavaScript库文件都下载在本地项目的Js文件夹中(第三类以jQuery为例),在开发Backbone应用页面的<head></head>中,加入如下代码。

...
<head>
   <script src="Js/jquery-1.8.2.min.js"
          type="text/javascript"></script>
   <script src="Js/underscore-min.js"
          type="text/javascript"></script>
   <script src="Js/backbone-min.js"
          type="text/javascript"></script>
</head>
...

在上述代码中,加载JavaScript库文件时的先后顺序十分重要,特别是在加载Backbone主框架文件和依赖文件时,应先加载依赖文件Underscore.js,后加载主框架文件Backbone. js;此外,出于对加载速度和安全的考虑,这些JavaScript库文件,无论是在开发测试还是上线部署,尽量使用压缩后的生产版本,即“-min”格式,如有特殊需要,可以按顺序加载未压缩的开发版。