javascript之backbone.js开发实战

  在上一篇博客中我们说到了backbone.js在开发中的框架搭建和需要注意的一些东西。现在就接着说说怎么去开发一个具体的功能。就做个资讯栏目吧，首先是列表页面（这里以android为准，web也是相通的咯）。
  1.首先不管做什么我们都需要有数据，先去服务器拿数据。也就是开始我们的model层。在model层里面我建议最好不要做其他的操作，只要操作数据就可以了。记住model就是数据，能不做别的就不要去做。好 现在看代码：
  PhoneGap.exec(op.success, op.error, 'GetData', op.action, [op.params]); 这个是phonegap里面与android 的 native端交互的传递数据的。我把它提取出来了，写成了一个公用的getData 方法。其实它是调用了唯一一个可以写入数据的对话框在里面写入值传递到native端的。写好方法后就是取数据。
  我们首先定义一个集合 listConllection 继承 Backbone.Collection 然后调用getData()方法params:{url} 把获取数据的url通过它传过去。这样就可以获取到数据了，然后我们return new ListCollection() 注意这里为什么不返回集合而只是他的一个实例，因为这个是数据层我们需要的是唯一的数据，如果是直接返回，那么别人调用了后改了，我们这边也会改变。而实例就不会了，所以我们需要返回的是单实例，当然如果数据模型相同我们也可以直接返回,这样就可以用一个model处理很多相类似的数据了。
  2.model层很简单，数据就这样取好了，接下来就是view层。在view层我们
  var list = require('app/models/list'); 引入这个model,那么数据就过来了，是不是很简单呢。在view 层我们要继承Backbone.View的方法。然后初始化model. backbone里面有显示页面的方法render()我们只要调用它会自动隐藏上一个页面显示当前页的。
   render:fucntion(){
      var data = {
data:this.list.models,
};
$("div").html(_.template(tmpl,data));
   }
  上面就是调用render把model里面的值给data然后tmpl是你现在要显示的页面，它会调用template自动给你把数据和页面绑定。然后在tmpl里面加入html就可以显示出列表了。

  3.基本的功能已经实现，可是在开发过程中还是会有很多的问题，有时候可能异步加载会让我们很多的东西都无法去手动控制。这个时候必须去查看源码，弄清来龙去脉。

  4.现在讲讲backbone 里面的事件处理：
    this.list.bind('add reset', this.render, this);
   这里是在改model运行的时候绑定的reset事件，可以理解为刷新。除此之外还有change、add这些都是已经写好的，每次添加数据或者数据改变都会去触发。其次在view里面我们要加载自己写的事件就需要写一个
     events:fucntion(){
    "click #div":"method()"
    }
   click表示的是时间类型，div表示控件,method表示触发了后的事件调用的方法。这样我们就可以认为去创建事件了。
  5.model 和 view之间会频繁的交互这个参数的传递也是一个让人头疼的问题
    fetch()是可以传递参数的，其次在model里面定义一个变量，引用model的时候就可以使用该变量，其次在model定义的model里面可以加变量，这个变量是会对应到页面的每个数据对象上。其次页面可以通过post提交数据到model上。