10.19前端笔记

1.函数
   1.1函数返回值
    什么时候需要函数返回值
       函数外想要使用函数内部的变量的时候
    语法：return  返回值
    注意事项
        函数中return一次只能返回一个，如果写多个，返回最后一个;
        函数中只能有一个return
        reutrn除了有返回值的作用 还是有结束函数的作用 所以把return放在函数的最后
    返回值的类型  可以是任意数据类型

    1.2获取非行间样式
        1.获取行间样式
            获取：标签.style.样式名   font-size  fontSize
            设置：标签.style.样式名  = 值
        2.获取非行间样式
             标准浏览器(欧朋 火狐 谷歌 safai,IE(9+))
             window.getComputedStyle(标签).样式名
             IE低版本浏览器(IE8-)
             标签.currentStyle.样式名
        3.兼容
            标准浏览器window.getComputed  
            IE低版本浏览器：标签.currentStyle
            console.log(window.getComputedStyle);// 标准浏览器输出：ƒ getComputedStyle() { [native code] }  
            IE低版本浏览器：undefined
            console.log(oDiv.currentStyle)//标准浏览器输出undefined  IE低版本浏览器：[object Object]

     1.3 函数封装
            
            函数封装步骤
                1. 声明一个函数  将主要代码放入到这个函数中
                2.找函数中可变的量作为参数
                3.将参数代入到函数中 然后调用
    
    1.4代码复用
           
           什么时候使用
                 结构一致 功能也一样
            实现步骤
                1.把他当成一组去实现,里面的标签通过父元素获取
                2.先去实现一组的功能
                3.把实现一组的功能放入到函数中 并且把父元素作为参数
                4.调用测试

2.定时器

       2.1定时器的分类
            延时定时器

                语法：setTimeout(function函数,时间)
                使用场景：广告弹窗

             间歇定时器
                语法：setInterval(function函数,时间)
                使用场景：轮播图  倒计时  计时器   抽奖
        2.2延时定时器/setTimeout
            1.setTimeout(function(){},时间)  时间单位是ms(毫秒)  1000ms = 1s
             基础用法
                    setTimeout(function () {
                        console.log(1);
                    }, 1000)
            2.function函数可以提前声明
            3.在定时器中 this指向window

        2.3间歇定时器/setInterval
            
             间歇定时器：setInterval(function(){},时间)
            1.基础语法
                    setInterval(function () {
                        console.log(1)
                    }, 1000)
            2.可以将函数提前声明
            3.setInterval中this  指向window

        2.4清除定时器
            
            setTimeout 延时定时器   会自动清除定时器
            setInterval 定时器一旦开启就不会自动结束 必须手动清除
            语法：clearTimeout(定时器id)    clearInterval(定时器id)
            定时器id：每一个定时器在开启的时候都会返回一个唯一能标识当前定时器的id，id是从1开始的