本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
Backbone标准例子——通讯录
通讯录,一个基于Backbone的经典例子。
页面截图如下:
html代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Backbone通讯录</title>
<link rel=&q ...
backbone的History之start
start
Backbone.history.start([options])
当你的所有路由创建并且设置完毕后,调用Backbone.history.start()来开始监控hashchange事件,并且分配路由
需要指出的是:如果想在你的应用中使用HTML5支持的pushState,可以用:
Backbone.history.s ...
backbone的Model之initialize
initialize
new Model([attributes],[options])
创建模型实例的时候,可以传一些属性的初始值-----它们会被set到模型中。
如果你定义了initialize函数,它会在模型创建的时候调用。
new Book({
title:"zhangyaochun test", ...
backbone的Model之id|cid|idAttribute
id
model.id
模型的特殊属性,id可以是任意的字符串(整数id或者UUID)
cid
model.cid
模型的特殊属性,cid或者client id是当所有模型第一次创建的时候,自动分配的唯一标识。
本质上还是调用underscore的uniq ...
backbone的Model之attributes
attributes
model.attributes
模型状态的内部hash表
源码:
var Model = Backbone.Model = function(attributes,options){
.........
//
...
backbone的Model之isNew
isNew
model.isNew()
判断模型是否保存到server了。如果模型没有id,则认为是新的。
源码:
isNew:function(){
return this.id == null;
}
backbone的Model之get|set
get
model.get(attribute)
从模型里面获取当前指定的属性值
note.get("title");
源码:
get:function(attr){
return this.attributes[attr];
}
set ...
backbone的View之el
el
所有的view都有一个DOM元素,就是el属性
可以指定:tagName、className、id、attribute等
如何不定义的话,就是一个空的div
var ItemView = Backbone.View.extend({
tagName:'li'
});
var BodyView = Backbone.View.extend( ...
backboneJS
backbone.js
重量级js MVC应用框架
通过Models 进行key-value绑定
通过Collections 提供API进行枚举
通过Views进行事件处理、与Application通过RESTful JSON进行交换
依赖jquery与underscore(>= 1.4.3)
官网:http://backbonejs.org/
最新版本 ...
Backbone入门指南(七):Router和History (路由控制器)
10. Router和History (路由控制)
Backbone.Router担任了一部分Controller(控制器)的工作,它一般运行在单页应用中,能将特定的URL或锚点规则绑定到一个指定的方法(后文中称Action)。
当我们开发一个单页应用时,常常会遇到这样两个问题:
我们在同一个页面中通过用户的操作来隐藏、显示HTML块,为用户提供一个无刷新、完整流畅的体验,但用户可 ...
Backbone入门指南(六):View (视图)
9. View (视图控制器)
我们在前面的章节中介绍了Model和Collection,它们都是用于数据管理和交互,在本章我们讨论如何使用视图(View)将这些数据渲染到界面,以及如何管理界面事件和逻辑。
Backbone中的视图提供了一组处理DOM事件、和渲染模型(或集合)数据的方法(在使用视图类之前,你必须先导入jQuery或Zepto)。
视图类提供的方法非常简单,我们一般 ...
Backbone入门指南(四):Model(数据模型)
7. Model (数据模型)
Model是Backbone中所有数据模型的基类,用于封装原始数据,并提供对数据进行操作的方法,我们一般通过继承的方式来扩展和使用它。
如果你做过数据库开发,可能对ORM(对象关系映射)不会陌生,而Backbone中的Model就像是映射出来的一个数据对象,它可以对应到数据库中的某一条记录,并通过操作对象,将数据自动同步到服务器数据库。(下一节即将介绍的C ...
Backbone入门指南(三):Events(事件管理)
6. Events (事件管理)
从这一章开始,我将正式介绍Backbone的内容,过程中会有许多例子和代码,你应该将这些代码复制到你的页面,并查看它们的运行效果。
我介绍的第一个模块是Backbone.Events(事件管理),因为我在介绍任何其它的模块时都会提到它,你可以想象到它的重要性。
Events是Backbone中所有其它模块的基类,无论是Model、Collectio ...