对象

游戏 
 1. css 
页面布局
添加背景颜色 background-color
添加背景图 background：url（“”）
相对定位
绝对定位 position: absolute;
点击效果 cursor: pointer;
1. css3 
动画效果
animation 所有动画属性的简写属性，除了 animation-play-state 属性。
background-position 设置背景图像的开始位置。

 1. html  
使用div标签  
id  class 命名
input type“texe”输入框
button 按钮

 

JavaScript 对象

因为JavaScript是基于原型（prototype）的，没有类的概念（ES6有了，这个暂且不谈），我们能接触到的都是对象，真正做到了一切皆为对象

所以我们再说对象就有些模糊了，很多同学会搞混类型的对象和对象本身这个概念，我们在接下来的术语中不提对象，我们使用和Java类似的方式，方便理解

function People(name){
	this.name = name;

	this.printName = function(){
		console.log(name);
	};
}

这是一个函数，也是对象，我们称之为类

var p1 = new People('Byron');

p1是People类new出来的对象，我们称之为实例

类和实例的关系用我们码农的专业眼光看起来是这样的

 

类就是搬砖的模具，实例就是根据模具印出来的砖块，一个模具可以印出（实例化）多个实例，每个实例都符合类的特征，这个例子和我们JavaScript中概念很像

在Java中类不能称之为对象，如同老王是一个概念、规则的集合，但是在JavaScript中，本身没有类的概念，我们需要用对象模拟出类，然后用类去创建对象

我们的例子中模具虽然是“类”，但同时也是个存在的实物，是个对象，我们为了方便理解，称之为类

Object

我们知道JavaScript有null、undefined、number、boolean、string五种简单类型，null和undefined分别表示没有声明和声明后没有初始化的变量、对象，是两个简单的值，其余三个有对应的包装对象Number、Boolean、String

其它的就都是object类型了，比如常用的Array、Date、RegExp等，我们最常用的Function也是个对象，虽然

typeof function(){}; // "function"

但是Function实例和其它类型的实例没有什么区别，都是对象，只不过typeof操作符对其做了特殊处理

在JavaScript中使用对象很简单，使用new操作符执行Obejct函数就可以构建一个最基本的对象

var obj = new Object();

我们称new 调用的函数为构造函数，构造函数和普通函数区别仅仅在于是否使用了new来调用，它们的返回值也会不同

所谓“构造函数”，就是专门用来生成“对象”的函数。它提供模板，作为对象的基本结构。一个构造函数，可以生成多个对象，这些对象都有相同的结构

我们可以通过.来位对象添加属性和方法

obj.name = 'Byron';
obj.printName = function(){
	console.log(obj.name);
};

这么写比较麻烦，我们可以使用字面量来创建一个对象，下面的写法和上面等价

var obj = {
	name: 'Byron',
	printNmae: function(){
		console.log(obj.name);
	}
}