web前端开发第二阶段——arguments/获取标签样式/封装函数/定时器/swiper

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_43151638/article/details/102690500

1、arguments是一个类数组，实参的集合

只能在函数内部使用

2、获取标签表现出来的样式

getComputedStyle()系统定义好的函数

低版本IE无此函数
使用方法：例如

var 变量=getComputedStyle(元素).样式
var width=getComputedStyle(box).width;

通过style属性只能获取行间样式

3、获取元素的属性（IE专属）

box.currentStyle.width

考虑兼容性，将2和3点都写，可以封装起来

/*
封装一个获取元素属性的函数,兼容Ie和Google
	参数1:元素
	参数2:样式
*/
function getCssStyle(name,attr){
/*如果在ie浏览器中，if（）转换后为真，否则为false*/
	if(name.currentStyle){
		/*	
			变量不能用点
			return name.currentStyle.attr;
		*/
		return name.currentStyle[attr];
	}else{
		return getComputedStyle(name)[attr];
	}
}

4、封装函数，灵活

5、变量不能用点“ . ”,应该用“ [] ”

6、定时器

1）延迟定时器
2）间隔定时器

A、延迟定时器：setTimeout(函数fn，延迟时间）

3000毫秒=3秒

setTimeout(function(){ console.log(1)},3000);

B、间隔定时器:一直执行，无限循环

setInterval(函数，时间）

页面少用，并记得关闭，或者页面卡顿
特点：
1、只要开启了定时器，不认为的关闭，那么就会永远执行
2、每个定时器调用后的返回值，是该定时器的编号（独一无

C、关闭定时器：

clearInterval(参数)     参数：定时器编号

D、同步编程：按顺序一步一步的执行代码

E、异步编程：代码不按顺序执行

例如定时器就可以产生效果
ajax

F、单线程：在程序执行时，所走的程序路径按照连续顺序排下来，前面的必须处理好，后面的才会执行。

7、swiper中文网，轮播图官网