单页面Web应用开发框架：Durandal学习入门

Durandal 是一个轻量级的JavaScript框架，其目标是单页面应用（SPAs）的开发变得简单而优雅。它支持MVC、MVP和MVVM等模式，因此不论你采用哪种类型的前端架构，Durandal都能胜任。

Durandal以 RequireJS 为基础，加上一个轻量级的惯例层，带来了令人惊叹的生产效率，并且帮助你维持稳健的编码实践。配上开箱即用的富界面组件、模态对话框、事件/消息、组件、过渡效果、导航等等，使你可以轻松开发出任何你能想象的应用。

尽管Durandal才发布大约一年时间，但其社区正以飞快的速度成长

Features

• Clean MV* Architecture
• JS & HTML Modularity
• Simple App Lifecycle
• Eventing, Modals, Message Boxes, etc.
• Navigation & Screen State Management
• Consistent Async Programming w/ Promises
• App Bundling and Optimization
• Use any Backend Technology
• Built on top of jQuery, Knockout & RequireJS
• Integrates with popular CSS libraries such as Bootstrap and Foundation
• Make Your Own Templatable and Bindable Widgets
• Fully Testable

Browser Support

• IE 6+
• Firefox 2+
• Safari 3.2+
• Chrome 3+
• Opera 10+

Dependencies

• jQuery >= 1.8.0
• Knockout >= 2.2.1
• RequireJS >= 2.0.0

要开始使用Durandal，可以有多种方式，这取决于你的平台。因为Durandal是一个纯JavaScript库，独立于任何服务端平台，我们尝试用多种方式来打包，以满足各类Web开发人员。在本教程中，我们将直接使用HTML Starter Kit。你可以在 官方网站 上直接 下载 。

下载完HTML Starter Kit后，解压缩，你就可以直接在Firefox各版本中打开 index.html 页面，运行其示例程序了。或者你也可以将其部署到Web服务器中，浏览其index页面。

Starter Kit演示了一个基本的导航架构，包括导航、页面历史、数据绑定、模态对话框等等。当然，我们不只是看看而已，我们要从头开始写一个小程序。首先打开app文件夹，删除里面的所有内容，然后删除 index.html 。这样我们就有了一个空项目，并且预配置了所有必须的scripts和css。

* 注： IE, Chrome 和 Safari 可能无法从文件系统中直接打开这类文件。如果你仍希望使用这些浏览器，可以将其部署到你喜欢的 Web 服务器中。