前端新手学习CSS+JS笔记（一）

一些基础概念

在页面的编写中我们不但需要经常借助开发文档，也需要比较扎实的基础，整理以下关于CSS中的小知识点

px，em，rem

1.px就是pixel的缩写，pixel即像素，它不是自然界的长度单位。那么他就是一个相对的单位，px是相对于显示器屏幕分辨率而言的。
2.em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
em常用于设置文本首行缩进等

.etc {
font-size:20px;
text-indent: 1em;//文本首行缩进1个当前设置的字体大小
line-height:1em;//设置行高，多用于li标签
}

可理解为文本的font-size的x倍。例如上面的例子设置了文本大小为20px；当我们使用首行缩进的时候，1em也就等于20px。
3.rem使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

html {
	font-size:20px;
}
.test {
	padding:2rem;
}

双等号和三等号

"== "用于普通的比较
“===”用于严格的比较
在学习完数据类型后知道JS中有String和Numer这两个常用的类型。
我们在进行比较时候

	var i = 123;
	var ii="123"
	test = function(){
	if(i==ii) {
		alert("成功相等我使用了‘==’");//1
	}
	else{
		alert("失败不相等，使用‘==’");//2
	}
	if(i===ii) {
		alert("成功相等使用‘===’");//3
	}
	else {
		alert("失败，不相等，使用了‘===’")//4
	}
	}
	test();

结果验证打印出的是1和4，那么我们就可以比较好理解双等号和三等号了，i和ii的数据类型不同，所以在===的时候没有成功。
但是双等号的限制就没那么大，可以理解为运算符把ii这一个String类型的数据转换成了和i一样的Number类型后再进行的比较，所以他们能够成功相等。

关于数组

slcie()

	var array =["111","222","333","444"];
	var slice1 = array.slice(0,2);
	var slice2 = array.slice(1);
	console.log(slice1);//(2) ["111", "222"]
	console.log(slice2);//(3) ["222", "333", "444"]
	console.log(array);//(4) ["111", "222", "333", "444"]
	var aa = ["a","b","c","d"];
 	aa.splice(2,0,"new");//“NEW”插入数组aa的“b”和“c”之间

slice()函数可以说作用是拆分或是提取或是删除。取决于怎么使用。不改变原来数组的元素内容
1.当只传入一个参数时例如1则相当于把位置在1之前的数据删除，1位置是“222”那么“111”则被删除了。如果参数为2则位置为2的数据为“333”那么“111”和“222”都被“删除了”.
2.当传入两个数，例如slice(1,2),处于1位置的“222”则会被“提取”出来。从位置1开始但不包括end位置2的元素。所以当slice(0,2)时则会“提取”111”和“222”。
3.当做插入

join()

//join
	var join1 = array.join();//这样是会带着,的
	console.log(join1);
	console.log(typeof join1);
	var stringArray = ["Hello","World"];
	var test2=stringArray.join("");//这样就不会带着“,”
	console.log(test2)

还有一些

join()函数的作用显而易见，他可以将数组中的值连接为字符串
pop是删除数组最后一位
push是在数组最后一位插入一个新元素
unshift是在数组开头添加一个或更多元素
shift是将数组开头的元素删除