2016-3-24 js基础学习

1、break /continue

1、break就是直接跳出整体的循环，然后继续执行下边的代码。

2、continue是跳出本次循环的函数，继续执行下一次循环。

原来学习c语言，c++的时候对于这个还是了解的。

2、for..in.. 循环

这个循环检验一个对象中有多少的属性的。

eg:

var a = {
name = 'wang',
age  = 12,
class= '七年级一班'
};
for(var key in a){
alert(key);//name age class
}

3、input的check复选框的使用

记住它的属性checked可以有两种写法：input[i].checked = true; input[i].attr(“checked”,true);

4、+的意义

var  a = 2;
var  b = '12';

var c = a+b;
alert(c);//212
"+"的意义有两种：一种是数字之间的相加，这个时候就是我们普遍认知的数字相加。
另外一种是字符之间的连接，就像这边的例子，就是将数字和字符串联在一起的。
"-"的意义只有一种，就是数字之间的相减。

5、undefined的类型

这里算是看到人家博客的一种扩展吧，因为前面没有看到；

如果一个变量只是定义没有赋值，那么这个变量就是undefined的

//如果我们不给某个变量设置值，则为undefined类型；

var color;

alert(typeof color);

6、图片居中的方法（水平居中和垂直居中）

1、可以设置一整块是display:table的样式

2、然后设置这一块里边的图片是display:table-cell的样式，然后再设置属性vertical-align: middle;

text-align: center;这样这个图片就是居中的了

但是我一般使用的是：position:absolute的形式 top:50% margin-top:-1/2这个图片的高度

left:50% margin-left:-1/2这个图片的宽度

7、box-shadow图片的阴影

1、box-shadow: h-shadow v-shadow blur spread color inset;

这个属性是有这几种写法的，

box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

值 描述 测试

h-shadow 必需。水平阴影的位置。允许负值。这边是相对于原来的位置移动的水平位置

v-shadow 必需。垂直阴影的位置。允许负值。 这边是相对于原来的位置移动的垂直位置

blur 可选。模糊距离。 测试 阴影的距离

spread 可选。阴影的尺寸。 测试

color 可选。阴影的颜色。请参阅 CSS 颜色值。

inset 可选。将外部阴影 (outset) 改为内部阴影。

一般我们使用的是:box-shadow(1,1,4,#fff) 水平阴影的位置，垂直阴影的位置，模糊的距离，阴影的颜色