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

Question

首先，这可能不是正确的方法，我愿意听取其他建议，但请听我说完.

我对骨干JS非常陌生，我想知道是否可以使用它来构建一个portfolio/cv站点，其中的内容将通过AJAX加载到容器中。

简单地说，我在考虑将我的在线简历转换成更动态的部分，比如Profile、关键技术技能、Experience和职业历史。

有人能提供一些指点作为最好的方法吗？

每个视图都需要一个模型吗？

Answer 1

如果您只是根据用户单击的内容显示不同的内容，则使用主干可能会过分满足您的需要。

骨干网有利于数据驱动的网站，用户在那里创建、编辑和删除数据。

核心jQuery库应该提供所需的功能。签出jQuery的加载方法。

Answer 2

考虑到简历中的内容数量少、数据相对静态，以及您需要完成的任务的简单性，我不确定我是否会建议在这个项目中使用主干。看起来，一些简单的jQuery单击事件处理程序和转换动画就足以满足您的需要。

如果您打算使用主干纯粹是为了教育和学习如何使用它，那么我建议您寻找一个对它的数据具有更动态性质的项目，其中包含更多需要操作的内容。

尽管如此，您可以使用主干视图来帮助组织您的jQuery代码为您的简历。但是，与仅仅使用jQuery相比，您最终会编写更多的代码来完成这一任务。

例如，如果你想在某人点击时显示/隐藏一个部分.以下是jQuery中的内容：

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

下面是主干中的相同代码(它使用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。