血的教训

一、阻止事件冒泡，事件默认行为

1. event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，
2. event.preventDefault()方法 这是阻止默认事件的方法，调用此方法，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
3. return false  ；同时阻止事件冒泡也会阻止默认事件；调用此方法,连接不会被打开，事件也不会传递到上一层的父元素；可以理解为return false

二、数组array的属性和方法

       array对象的属性：

1. constructor 返回对创建此对象的数组函数的引用。
2. length 设置或返回数组中元素的数目。
3. prototype 使您有能力向对象添加属性和方法。

       array对象的方法：

1. concat() 连接两个或更多的数组，并返回结果。
2. join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
3. pop() 删除并返回数组的最后一个元素。
4. shift() 删除并返回数组的第一个元素
5. push() 向数组的末尾添加一个或更多元素，并返回新的长度。
6. unshift() 向数组的开头添加一个或更多元素，并返回新的长度。
7. reverse() 颠倒数组中元素的顺序。
8. slice() 从某个已有的数组返回选定的元素
9. sort() 对数组的元素进行排序
10. splice() 删除元素，并向数组添加新元素。
11. toSource() 返回该对象的源代码。
12. toString() 把数组转换为字符串，并返回结果。
13. toLocaleString() 把数组转换为本地数组，并返回结果。
14. valueOf() 返回数组对象的原始值

三、行内元素和块元素的区别

         常见行内元素：span, em, i, a, b等;常见的块元素：div，h, p, ul, li,dt等

1. 行内元素和其他行内元素都会在一条水平线上排列；块级元素却总是换行垂直向下排列，若想使其水平方向排序，可使用左右浮动（float：left/right。
2. 行内元素不可以设置宽高，宽高随文本内容变化，但是可以设置行高(line-height)，在设置外边距margin和内填充padding上下无效，左右有效；块级元素宽高，外边距，内填充都可随意控制。        
3. 块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素，只能容纳文本或者其他行内元素。

心得：很常见的东西一段时间不用突然被问起，那一脸懵逼的感觉真的很不爽！