
Backbone学习
文章平均质量分 84
前端小菜鸟
这个作者很懒,什么都没留下…
展开
-
Backbone系列:todo的demo
概述todo的思想是:Model作为每个todo项的模型,而且每个todo项与一个TodoView关联(只渲染li的视图)。最后在AppView上监听整个todo的变更,触发对应的事件step1首先我们从只有简单的添加功能的todo做起var Todo = Backbone.Model.extend({ // 这里不定义也可以,不过以后和Collection的create方法配合原创 2015-11-08 16:29:33 · 841 阅读 · 0 评论 -
Backbone系列:Collection的学习
本章通过Collection与View的配合,渲染出多个view在线demo:Collection的学习构建一个Model类首先我们需要构建一个Model类,可以有对应的默认属性var Book = Backbone.Model.extend({ defaluts: { name: '名字', rank: '排名',原创 2015-11-07 10:05:51 · 921 阅读 · 0 评论 -
Backbone系列:Model的学习
Model的学习本章通过完成单向数据绑定的demo,以此学习Backbone的Model模块在线demo:单向数据绑定设置属性值我们可以在构建Model类的时候,定义其属性值。var Echo = Backbone.Model.extend({ defaults: { word: '请输入' }, initialize: func原创 2015-10-31 12:03:51 · 855 阅读 · 1 评论 -
Backbone系列:Router的学习
Router的学习本章通过定义简单的路由规则,学习Router在线demo:router学习Backbone的路由会监听URL的"#"后面的部分var App = Backbone.Router.extend({ // 定义路由、动作的键值对,注意路由前面没有"/" // *表示通配,会匹配多个url组件 routes: { '*acti原创 2015-10-31 11:19:14 · 1558 阅读 · 0 评论 -
Backbone系列:View的学习
View的学习本章会通过一个简单的搜索框的demo,学习View模块和View的事件属性前面我们已经知道initialize()方法会在实例化Model时执行,而View和Collection也有对应的方法,所以我们可以在此方法里定义一些动作。如:var App = Backbone.View.extend({ initialize: function() {原创 2015-10-30 23:55:46 · 692 阅读 · 0 评论 -
Backbone系列:简单的helloworld页面
非常简单的定义一个Model类首先让我们以经典的hello world作为Backbone的入门var App = Backbone.Model.extend({ // 通过defaults定义实例属性 defaults: { say: 'hello world!' }, // initialize是在构造函数被实例化的时候调用 in原创 2015-10-30 22:53:52 · 1131 阅读 · 0 评论