javascript - 主干.js 的目的是什么?

标签 javascript jquery backbone.js

我试图从它的网站 http://documentcloud.github.com/backbone 了解backbone.js 的实用性。 ,但我还是想不通。

谁能帮我解释一下它的工作原理以及它对编写更好的 JavaScript 有何帮助?

最佳答案

Backbone.js 基本上是一个 super 轻量级​​的框架,它允许您以 MVC(模型、 View 、 Controller )方式构建 Javascript 代码,其中...

模型是检索和填充数据的代码的一部分,

View 是这个模型的 HTML 表示( View 随着模型的变化而变化,等等)

和可选的 Controller ,在这种情况下,您可以通过 hashbang URL 保存 Javascript 应用程序的状态,例如:http://twitter.com/#search?q=backbone.js

我在 Backbone 中发现的一些优点:

  • 不再有 Javascript Spaghetti:代码被组织并分解为语义上有意义的 .js 文件,这些文件随后使用 JAMMIT 进行组合

  • 不再是jQuery.data(bla, bla):不需要将数据存储在DOM中,而是将数据存储在模型中

  • 事件绑定(bind)有效

  • 非常有用的下划线实用程序库

  • backbone.js 代码有据可查,值得阅读。让我看到了一些 JS 代码技术。

缺点:

  • 我花了一些时间来思考它并弄清楚如何将它应用到我的代码中,但我是一个 Javascript 新手。

这里有一组关于使用 Backbone 和 Rails 作为后端的精彩教程:

CloudEdit:使用 Rails 的 Backbone.js 教程:

http://www.jamesyu.org/2011/01/27/cloudedit-a-backbone-js-tutorial-by-example/

http://www.jamesyu.org/2011/02/09/backbone.js-tutorial-with-rails-part-2/

附言还有一个很棒的 Collection 类,可以让您处理模型集合并模仿嵌套模型,但我不想从一开始就让您感到困惑。

关于javascript - 主干.js 的目的是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5418369/

相关文章:

javascript - 创建元素 ("a") - FireFox JavaScript

javascript - Webaudio 振​​荡器启动()回调?

javascript - 为什么我的对象的属性没有记录到控制台?

javascript - 将 onclick 添加到 CSS 类

javascript - 使用 JQuery html() 添加链接在 IE6 上不可点击

javascript - 主干模型获取 - 模拟后端

javascript - 如何禁用图像谷歌自定义搜索引擎 cse 上的链接?

javascript - 在 FF 和 IE 中工作的 js Coverflow

javascript - 如何处理从backbone.js中的collection.create()触发的多个无效事件

javascript - Backbone.js Collection 过滤器前 10 个模型