Backbone.js 网站应用案例

在前天我们稍稍地发布了 Backbone 的基础教程，应该有很多朋友不知道什么是 Backbone，它能干什么。我想通过几个用到了 Backbone.js 的网站应用的真实案例，您就应该会对它有点感觉了，如果想再多来点感觉，了解它是怎么回事儿，可以再花两个小时看一下宁皓网最新的 Backbone 课程。

Rdio

Rdio 是一个音乐电台网站，是基于 Backbone 创建的。屏幕上的每个小组件都可以动态的加载与显示，数据是由 Rdio API 提供的。当发生了变化，每个组件都可以更新它自己，不会影响用户正在听的音乐，也不用刷新整个页面。这些都是依赖于 Backbone 的视图与模型，并且所有的 URL 都是由 Backbone 的路由器处理的。当数据变化的时候，Backbone 的事件会通知相应的组件有数据发生了变化。Backbone 是 Rdio 这款应用的核心。

Hulu

Hulu 是一个视频网站，里面有很多好看的美剧，网站体验也相当好，不过受地域限制，在国内没法看。这个网站也用到了 Backbone，所有的页面内容可以用平滑的过渡效果动态的载入。Backbone 让在应用里快速的来回移动，不需要重新载入脚本和嵌入的视频。为了额外的数据处理的支持，同时也会载入模型和集合。

Flow

Flow 是 Metalab 的一款团队协作与任务管理的产品。它里面的工作区依赖于 Backbone 去创建任务视图，动态，帐户，文件夹，项目，还有标签。

Foursquare

Foursquare 帮助你会见朋友，发现新的地方，还有省钱。它的 JavaScript 的核心接口里面重度用到了 Backbone 的模型，另外 Backbone 的视图也用在了很多地方，比如首页的地图还有列表。

Disqus

Disqus 在它的评论小部件上面用到了最新版本的 Backbone。Backbone 的轻量化还有可扩展性成为了 Disqus 的分布式 Web 应用的正确选择。

Khan Academy

Khan Academy 是一个在线教育网站。它用到了 Backbone 来保持前台代码的模型化与组织性。用户档案与目标设置用的是 Backbone，jQuery 还有 Handlebars ，很多工作都推送到了客户端来处理，大大提升了接口的质量。

ZocDoc

ZocDoc 帮助患者找到本地医生，实时查看医生有没有空，并且立即预订。Backbone 用来处理客户端状态，还有显示搜索页面和医生的档案。

Airbnb

Airbnb 在他们的很多产品里都用到了 Backbone 。

Art.sy

Art.sy 是一个发现自己喜欢什么的地方。Art.sy 是基于 Rails 创建的，用到了 Grape 提供它的 JSON API，