CSS补充以及JS语法

CSS常见问题

• CSS重用
  将共有的提取出来
• 自适应和改变大小变形
  左右滚动条的出现
  页面最外层：像素的宽度–》最外层设置绝对宽度，内层用百分比
  自适应:media
• 默认img标签，有一个1px的边框

	img {
	border:0;
}

• padding, ->自身发生变化

CSS补充

• position :层叠
  a.fixed; 固定到窗口的某一位置，用top，bottom，left，right来定位
  b.relative+absolue; absolute:绝对定位（也层叠），一直定在某一位置相对于父元素

• opcity:0.5; 设置透明度，一般用于层叠

• z-index:层级顺序，越大的在上层

• overflow：hidden/auto; 超出范围隐藏或滑轮

• 伪类：
  ：hover .当鼠标放在标签上显示
  :link 未访问
  :visited 已访问
  :active 被点击的时刻

• background
  background-image：url(image/01.jpg);背景图片。
  background-repeat:no-repeat/repeat-x/repeat-y;平铺
  background-position-x: ;移动背景图
  background-position-y: ;移动背景图
  background-position: x y；移动x与y;

JavaScript:

• 独立的编程语言，浏览器就是JavaScript的解释器。
• 存在形式：一般script放在body内部的最后
  -head

<script>
	……
</script>

-保存在文件中

<script src="js文件URL"> </script>

• 注释：
  单行：//
  多行：/* */
• 弹窗： alert（参数）；
• 在控制台输出：console.log(参数)；
• 变量：
  name=‘alex’; //全局变量
  var na = 2; //局部变量
• 基本数据类型：
  数字：
  数据类型：Number ;
  创建变量： age = 18;
  转换： newage = parseInt(age); newage1 = parseFloat(age);
  字符串：
  创建变量： a = “daydayup”;
  方法：
  a.charAt(1); //根据索引去字符串
  a.substring(1,4); //获取1<=x<4的字符串
  a.length //获取字符串长度
  a.concat(val,…); //拼接
  a.indexof(substring,start); //获取索引
  a.trim(); //去除空白
  a.split(delimiter,limit); //按delimiter切割，拿后limit个
  a.substr(); //截取字符串，第一个为开始的索引，第二个参数为截取的个数
  数组：
  a=[11,2,33,44];
  a.length; //获取长度
  a.push(ele); //尾部追加元素
  a.pop(); //尾部获取元素
  a.unshift(ele); //头部追加元素
  a.shift(); //头部获取元素
  * a.splice(start,deleteCount,value,…); //参数一：起始位置；参数二：删除个数；参数三，四…:插入值
  a.slice(参数…); //参数代表索引截取元素
  a.join(""); //该方法将一个数组转换为字符串，不影响原数组
  a.sort();
  a.concat();
  字典：
  a = {‘k1’:‘v1’;‘k2’:‘v2’};
  a[k1];
  布尔类型：
  小写;
• 条件语句：

		if(条件){
		
		}else if{
		
		}else {
		
		}
		
		==  值相等  （1==‘1’）//与类型无关
		=== 值和类型相等 （1===1）//严格控制类型

• 循环语句：

两种for循环：

1.
				循环时，循环的是他的索引
				a = [11,22,33,44];
				for(var item in a)
				{
					console.log(a[item]);
				}
				
				a1 = {'k1':'v1';'k2':'v2'};
				for(var item in a1)
				{
					console.log(a1[item]);
				}
			
2.
				for(var i = 0;i < 10;i++){
				}   //不支持字典

• 定义函数：

function 函数名(a,b,c){
			
		}

• 定时器：

setInterval("",2000);  //参数一要执行什么，参数二间隔次数；