Backbonejs - 制作一个页面网站/应用程序的最佳方法

时间:2012-01-18 14:36:59

标签: backbone.js

首先,这可能不是正确的做法,我愿意接受其他建议,但请听我说......

我对Backbone JS很新,并且想知道是否可以使用它来构建一个组合/简历网站,其中内容将通过AJAX加载到容器中。

简单地说,我正在考虑将我的online CV转换为更加动态的部分,例如个人资料关键技术技能等部分, 经验和职业历史

有人可以提供一些指示,说明最佳方法是什么?

每个视图都需要有模型吗?

2 个答案:

答案 0 :(得分:3)

鉴于内容数量少,简历中数据相对静态,以及您需要完成的简单性,我不确定我是否会建议在此项目中使用Backbone。似乎一些简单的jQuery点击事件处理程序和过渡动画就足以完成你正在寻找的东西。

如果您打算使用Backbone纯粹是为了教育和学习如何使用它,那么我建议寻找一个项目,它的数据更具动态性,可以操作更多内容。

但是,FWIW,你可以使用Backbone视图来帮助组织你的简历的jQuery代码。但是,与使用jQuery相比,最终会编写更多代码来执行此操作。

例如,如果你想在某人点击它时显示/隐藏某个部分...这里是jQuery:


$(function(){
  $(".cv-section").click(function(e){
    $(e.currentTarget).toggle("fast");
  })
});

这是Backbone中的相同代码(它使用jQuery进行DOM操作):


CVView = Backbone.View.extend({
  events: {
    "click .cv-section": "showHide"
  },

  showHide: function(e){
    $(e.currentTarget).toggle("fast");
  }
});

$(function(){
  var el = $("#cv");
  new CVView({
    el: el
  });
});

这两个示例在功能上是相同的,它们都使用jQuery来操作DOM。

答案 1 :(得分:1)

如果您只是根据用户点击的内容显示不同的内容,那么使用Backbone可能会因您的需求而过度。

Backbone使用户正在创建,编辑和删除数据的数据驱动网站受益。

核心jQuery库应该提供您需要的功能。结帐jQuery' load方法。