update
This commit is contained in:
		
							parent
							
								
									990276f3a2
								
							
						
					
					
						commit
						b1cc5edb32
					
				@ -87,7 +87,7 @@ DOM3中,增加了很多事件类型,比如鼠标事件、键盘事件等。
 | 
			
		||||
 | 
			
		||||
PS:为何事件没有DOM1的写法呢?因为,DOM1标准制定的时候,没有涉及与事件相关的内容。
 | 
			
		||||
 | 
			
		||||
**总结:**关于“DOM事件的级别”,能回答出以上内容即可,不会出题目让你做。
 | 
			
		||||
**总结**:关于“DOM事件的级别”,能回答出以上内容即可,不会出题目让你做。
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
## DOM事件模型、DOM事件流
 | 
			
		||||
@ -311,124 +311,3 @@ IE10以下则是:
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -31,7 +31,7 @@
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
    var obj11 = {name: 'smyh'};
 | 
			
		||||
    var obj12 = new Object(name: `smyh`); //内置的构造函数
 | 
			
		||||
    var obj12 = new Object(name: `smyh`); //内置对象(内置的构造函数)
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
上面的两种写法,效果是一样的。因为,第一种写法,`obj11`会指向`Object`。
 | 
			
		||||
@ -60,24 +60,19 @@
 | 
			
		||||
 | 
			
		||||
第三种方法,很少有人能说出来。这种方式里,obj3是实例,p是obj3的原型(name是p原型里的属性),构造函数是`Objecet` 。
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
20180306_1633.png
 | 
			
		||||

 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
## 原型、构造函数、实例,以及原型链
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
20180306_1538.png
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||

 | 
			
		||||
 | 
			
		||||
PS:任何一个函数,如果在前面加了new,那就是构造函数。
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### 原型、构造函数、实例三者之间的关系
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
20180306_2107.png
 | 
			
		||||

 | 
			
		||||
 | 
			
		||||
- 1、构造函数通过 new 生成实例
 | 
			
		||||
 | 
			
		||||
@ -97,7 +92,7 @@ PS:任何一个函数,如果在前面加了new,那就是构造函数。
 | 
			
		||||
 | 
			
		||||
上面的代码中,`Foo.prototype.constructor === Foo`的结果是`true`:
 | 
			
		||||
 | 
			
		||||
20180306_2120.png
 | 
			
		||||

 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
- 4、实例的`__proto__`指向原型。也就是说,`Foo.__proto__ === M.prototype`。
 | 
			
		||||
@ -108,8 +103,6 @@ PS:任何一个函数,如果在前面加了new,那就是构造函数。
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### 原型链
 | 
			
		||||
 | 
			
		||||
**原型链的基本原理**:任何一个**实例**,通过原型链,找到它上面的**原型**,该原型对象中的方法和属性,可以被所有的原型实例共享。
 | 
			
		||||
@ -131,7 +124,7 @@ Object是原型链的顶端。
 | 
			
		||||
 | 
			
		||||
### `instanceof`的原理
 | 
			
		||||
 | 
			
		||||
20180306_2209.png
 | 
			
		||||

 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
`instanceof`的**作用**:用于判断**实例**属于哪个**构造函数**。
 | 
			
		||||
@ -193,84 +186,3 @@ new 运算符的原理如下:
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```javascript
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -1,3 +0,0 @@
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user