CSS补充以及JS语法

ゝ一纸荒年。 2023-06-02 07:51 23阅读 0赞

## 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

-保存在文件中

*  注释：  
    单行：//  
    多行：/\* \*/
 *  弹窗： 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);  //参数一要执行什么，参数二间隔次数；