- 浏览: 57819 次
- 性别:
- 来自: 北京
文章列表
PHP基础知识(一)——基础语法
- 博客分类:
- PHP
1 标签 <?php ?>,将PHP语句包含其中。
2 单行注释://
3 多行注释:/* */
4 变量名以$起始
<?php
$mycounter = 1;
$mystring = "Hello";
$myarray = array("One", "Two", "Three");
?>
5 定义数组,array( );
<?php
$myarr ...
本篇内容翻译自《Beginning Backbone.js》,原著作者James Sugrue。转载请注明相关信息。
本文内容接上篇博客内容
标识符
在于服务端的数据交换过程中,Backbone模型具有三个属性来分别将它们区分开:id,cid和idAttribute。
id属性是一个唯一的字符串或整数值,就像关系数据库中的一个主键。这个id属性在从集合中获取模型时非常有用,并且它还被用于反映了模型的URL组成部分。
cid属性是在模型首次创建时由Backbone自动生成的;当模型还没有保存 ...
本篇内容翻译自《Beginning Backbone.js》,原著作者James Sugrue。转载请注明相关信息。
本文内容接上篇博客内容
与服务端交换数据
Backbone模型最后可用的功能集合是与如何从一个提供REST API的服务端读取数据,或将数据发送至该服务端相关。在开始接触Backbone的这个相关机制前,我们首先设置一个简单的后端用以为我们的API调用提供响应。
Node.js服务端后台
既然我们使用了JavaScript,我将概述一下使用Node.js的一个简单的服务端,但你也可以根 ...
本篇内容翻译自《Beginning Backbone.js》,原著作者James Sugrue。转载请注明相关信息。
本文内容接上篇博客内容
模型验证
Backbone提供为模型的数据提供了一个验证机制,意味着可以在模型中包含判断模型的状态是否正确的所有逻辑,而不用通过外部的JavaScript或表单处理代码。
如果提供了验证函数,那么该函数会在每次调用.save方法时执行,而且在提供了{validate:true}作为可选参数的set/unset操作过程中也会执行该验证函数。
假设我们的Bo ...
本篇内容翻译自《Beginning Backbone.js》,原著作者James Sugrue。转载请注明相关信息。
本文内容接上篇博客内容
模型事件
虽然在本书的后面会讲解事件,但一个特殊的事件对于模型来说非常重要,那就是change事件,当某个属性的值或一组属性值发生变化时会触发change事件。
监听change事件
Backbone中change事件的监听,是监听整个模型变化最简单的方法。事件监听通过使用.on()方法添加到Backbone对象上,该方法接受两个参数,一个是字符串表示的事件类型,另 ...
本篇内容翻译自《Beginning Backbone.js》,原著作者James Sugrue。转载请注明相关信息。
本文内容接上篇博客内容
属性方法指南
表3-1描述了Backbone模型中与属性相关的非常有用的操作。
表3-1 Backbone模型的属性方法
操作
描述
.get(<属性名>)
返回给定属性名的值,如果该属性不存在则返回undefined。
.set(<属性名>, <属性值>)
将给定属性名的值设置为第二个参数提供的值。如果该属 ...
本篇内容翻译自《Beginning Backbone.js》,原著作者James Sugrue。转载请注明相关信息。
本文内容接上篇博客内容
Model属性
鉴于数据是创建一个模型的主要原因,现在让我们首先来关注属性。这部分内容涵盖了你在使用Backbone.Model时所有与属性相关的操作。
获取属性值
任何模型对象中的属性可以通过向.get方法传入所需读取的属性名简单地获取。因为我们使用的是简单的默认值,在初始化Book对象后,下面这行代码将输出“Book Title”。
console.log ...
本篇内容翻译自《Beginning Backbone.js》,原著作者James Sugrue。转载请注明相关信息。
Backbone.js应用的模型层由两个主要的部分组成:数据呈现(Backbone.Model)和由数据组成的集合(Backbone.Collections)。正确掌握这两部分如何工作以及交互,能让你的Backbone应用具有结构良好的数据层。
系统设置
在开始之前,为了确保你的系统能够正确运行你还需要做几件事情。首先,你的所有代码应该放在一个Apache web服务器中运行,而不是简单地从文件系统中运行。在我的例子中,我 ...
类似Bootstrap的CSS框架
- 博客分类:
- CSS
收录了些类似Bootstrap的CSS框架资源
(1)Kube:http://imperavi.com/kube
(2)IVORY:http://weice.in/ivory/index.html
(3)Base:http://matthewhartman.github.io/base/
(4)Layers:http://eiskis.net/layers/
(5)CSS Cement:http://rachelreveley.co.uk/css-cement/
(6)MetroUI CSS ...
Backbone中的RESTful持久化
- 博客分类:
- backbone
1 从服务端获取数据
var BookShelf = Backbone.Collection.extend({
model: Book,
url: '/todos'
});
var bookshelf = new BookShelf();
bookshelf.fetch();
2 将数据保存到服务端
book.save();
bookshelf.create({title: 'Backbone in Action'});
3 从服务端删除数据
book.destroy();
Backbone中的Events
- 博客分类:
- backbone
1 事件绑定 on('event', function(){});
2 解绑事件 off('event');
3 事件触发 trigger('event');
4 监听其他对象的事件 listenTo() 与stopListening()
1 定义Collection,定义Collection时通常需要指定其扩展的Model
var Book = Backbone.Model.extend({
defaults: {
title: '',
author: ''
}
});
var BookShelf = Backbone.Collection.extend({
model: Book
});
2 向Collection中添加model
bookShelf.add(book);
bookShelf.add([book-array ...
Backbone中的Model使用方法
- 博客分类:
- backbone
通过Backbone.Model.extend()的形式,创建一个Model,该Model可以作为一个构造函数用于创建更多的Model实例。
1 初始化方法:initialize
initialize: function(){}
2 默认值:defaults
defaults: {}
3 存取器:get/set/unset
model.get('key');
model.set('key', value);
model.set({'key', value}, {silent: true});
model.unset('key') ...
1 安装Bower
npm install -g bower
2 安装包
bower install <package>
3 安装指定版本的包
bower install <package>#<version>
4 移除已经安装的包
bower uninstall <package>
5 根据bower.json文件的配置安装相应的包
bower install
6 bower.json文件可以通过init命令产生
bower init
1 安装包
npm install <package>
2 安装全局包
npm install -g <package>
3 查看安装的所有包
npm ls
4 更新所有包
npm update
5 引导创建package.json文件
npm init