Backbone文档01

在开始之前,需要了解propertiesextend方法中使用的称呼,attributes是创建模型对象时使用的称呼,classProperties是定义Backbone中各个类的类属性。

事件

以下是 backbone 中事件相关的方法和知识

  1. on
  • 用法,Backbone.events.on(event,callback[,context]),可以结合_.clone()进行使用
  • 可以添加自定义事件,和trigger结合使用
  • 有命名空间events:namespace,比如change:name
  • 使用on方法有第三个参数context
  1. off
  • 用法,object.off([event,[callback],[context])
  1. trigger
  • 用法,object.trigger(evetn,[*args])
  1. once
  • 用法和on很像,区别在于绑定的回调函数触发一次之后就会被移除
  1. listenTo
  • 用法,listenTo(other,event,cakkback)
  • 监听其他对象上的事件
  1. stopListening
  • 用法,stopListening([oter],[event],[callback])
  1. listenToOnce
  • 用法和listenTo很像,区别在于绑定的回调函数触发一次后移除
// 在视图中
events: {
    'click [role=edit]': function () {}
}

事件目录 (Catalog of Events)

关于集合的事件

  1. add
  • 当集合上添加模型对象时触发
  • 默认参数,model,collection,options
  1. remove
  • 当集合上移除模型对象的时候触发
  • 默认参数,model,collection,options
  1. reset
  • 当集合中全部内容被替换时触发,比如collectionfetch方法
  • 默认参数,collection,options
  1. sort
  • 当集合已经被重新排序时触发
  • 默认参数,collection,options

关于模型的事件

  1. change
  • 当一个模型的属性改变时触发
  • 默认参数,model,options
  1. change:[attribute]
  • 当一个模型中该特定属性被更新时触发
  • 默认参数,model,value,options
  1. destroy
  • 当一个model被destroy时触发
  • 默认参数,model,collection,options
  1. invalid
  • 当模型在客户端验证失败的时候触发,validate选项
  • 默认参数,model,error,options

关于请求的事件

  1. request
  • 当 模型 或 集合 开始发送请求的时候触发
  • 默认参数, model_or_collection,xhr,options
  1. sync
  • 当 模型 或 集合 成功同步到服务器时触发
  • 默认参数, model_or_collection,xhr,options
  1. error
  • 当 模型 或 集合 请求远程服务器失败的时候触发
  • 默认参数, model_or_collection,xhr,options

关于路由的事件

  1. route
  • 当任何一个路由相匹配通过路由器触发
  • 默认参数,route,params
  1. route:[name]
  • 当一个特定路由相匹配通过路由器触发
  • 默认参数,params

特殊事件

  1. all
  • 所有事件发生都能触发这个特别的事件
  • 第一个参数是触发事件的名称

小技巧

silent的设定,可以不触发事件的回调函数

  1. 尽量少使用silent:true,向回调函数传入一个特定的判断参数

模型

模型类的方法

  1. Backbone.Model.extend(properties,[classAttributes])
  2. 扩展父类已有方法,并且想要调用父类方法,需要明确指出并调用。下边的分类,是常用的方式

扩展模型类的选项

模型的选项,有时可以当作方法用

  1. constructor或initialize,在new Backbone.model([attributes],[options])时调用
  • options可以设置collection:colName,如果没有,当模型添加到collection时会自动添加
  • options可以设置parse:true,当使用set方法将数据setd到模型前调用parse方法
  1. idAttribute,设置模型的唯一标识,默认是id
  2. defaults,可以使用一个函数代替
  3. sync,少用,用于重新定义
  • 项目中应用,一般sync用来发送ajax请求,但有时只需要从已有数据中筛选出一部分,此时可以重写
  1. validate,函数
  • 也可以使用model.validata()的方式
  • 默认在save调用之前验证,也可以在set之前验证,需要设置validate:true
  • 不返回则通过检验,有返回值(可以是布尔类型,可以是字符串)则未通过检验
  1. validateError,当validate验证失败时候的返回值
  2. url
  • 也可以使用model.url()的方式
  1. urlRoot
  • 可以使用model.urlRoot的方式,也可以使用model.urlRoot()的方式

模型对象的属性和方法

model代表是创建的模型对象,或称为模型实例

  1. model.get(attribute)
  2. model.set(attributes,[options])
  • 触发模型对象的change事件
  1. model.escape(attribute)get类似,但是返回HTML转义版本的model属性值
  2. model.has(attribute)
  • 当该属性值 非undefined 或 非null,返回true
  1. model.unset(attribute)
  • 从内部属性对象中删除指定属性
  • 触发模型对象的change事件
  1. model.clear([options]),从模型中删除所有属性
  2. model.toJSON()将模型中attributes浅拷贝
  3. model.fetch([options])
  • 将服务器中数据拉回,并映射到模型上,当发生改变的时候,会触发change事件
  • options有success,error
  • 这两个事件接受model,response,options作为参数
  1. model.save([attributes],[options])
  • 当第一次保存模型,方法名为create,方式为post
  • 当第二次保存模型,方法名为update,方式为put
  • model.save(attrs,{patch}),方式为patch
  • 触发change事件,和request事件,响应成功,会触发sync/error事件。
  • options有success,error,wait选项
  • 一般顺序,先改模型,再同步到服务器上,如果想要等待服务器再设置新的属性,那么要添加属性wait:true。当出错时,模型上保持旧的。
  1. model.destroy([options])
  • 触发destory事件,和request事件,响应成功,会触发sync事件。
  • options有success,error,wait
  1. model.isValid()
  • 可以运行validate检查模型状态
  1. model.id
  2. model.cid当模型创建的时候自动生成的唯一标志符
  3. model.attributes模型内部对象
  4. model.changed改变的模型内部对象,一般不使用它,使用model.changedAttributes()
  5. model.parse()
  • fetch从服务器返回数据模型数据,以及save时执行。
  • 接受默认参数response,options
  1. model.clone()
  2. model.isNew()
  • 没有 id 的模型就是新的
  1. model.hasChanged()
  • change事件中使用
  • 参数是需要检验的属性名
  1. model.changeAttributes([attributes])
  • change事件中使用
  • 该模型上改变的所有属性的集合
  1. model.previous()
  • change事件中使用
  • 参数是需要检验的属性名
  1. model.previousAttributes()
  • change事件中使用
  • 该模型上改变的所有属性旧值的集合

Underscore方法

Backbone代理了Underscore.js用来给Backbone.Model提供的六个对象函数,使用的时候可以使用模型对象直接使用

  1. keys,获得可枚举属性的数组
  2. values,获得可枚举属性的属性值数组
  3. pairs,把对象转化成[key:value]数组
  4. invert,返回一个 key 和 value 互换的对象副本,需要保证value是唯一的
  5. pick,过滤出对象的某些属性
  6. omit,将对象的某些属性过滤掉
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,585评论 18 139
  • 写在前面 backbone是我两年多前入门前端的时候接触到的第一个框架,当初被backbone的强大功能所吸引(当...
    浙大javascript联盟阅读 1,122评论 0 5
  • https://nodejs.org/api/documentation.html 工具模块 Assert 测试 ...
    KeKeMars阅读 6,297评论 0 6
  • 我不缺什么 只是孤独 可是啊 当你拥有孤独的时候 你就成了全世界最贫穷的人 享受孤独 总要留下一点什么 比如说,眼...
    嘉温阅读 239评论 0 8
  • 父子俩走在上学路上。一个小女孩也被家人用电动车送上学。他们相遇了。小女孩叫了儿子的名字。儿子认出是他的同桌,也叫出...
    孑立万木阅读 200评论 0 0