前端笔记6

函数
      函数必须进行调用才会执行，函数要有返回值，一定要添加return关键字，否则返回值为underfined

      arguments 接受所有实参，并保存到arguments数组里

      函数表达式，立即执行函数(function () { console.log('liqingyu') })()

值传递、引用传递
      

   

箭头函数
   
递归
   

对象:无序的数据集合
        let obj = {
            uname: '小明',
            age: 21,
            gender: 'nan'
        }
查找对象元素        

         console.log(obj.uname)

         console.log(obj['age'])

对象的增删改查

   

对象的遍历

   
数组对象
   

Math内置对象
        console.log(Math.E)
        console.log(Math.PI)
        // Math.ceil向上取整
        console.log(Math.ceil(3.1415))
        // Math.floor向下取整
        console.log(Math.floor(3.1415))
        // Math.abs   绝对值
        console.log(Math.abs(-3.12))
        // pow 
        console.log(Math.pow(3.12, 10))
        // 开平方根
        console.log(Math.sqrt(9))
        // 随机数  
        // console.log(Math.floor(Math.random() * 11) + 2)
        let random = Math.floor(Math.random() * (10 - 2 + 1)) + 2 //取二到十的整数
        console.log(random)

日期内置对象
        let date = new Date()
        // alert(date)
        let year = date.getFullYear()
        let month = date.getMonth() + 1
        let day = date.getDate()
        let hh = date.getHours()
        let mm = date.getMinutes()
        let ss = date.getSeconds()
 
        let gg = date.getDay()
        alert(gg)
 
        document.write(`${year}年-${month}月-${day}日 ${hh}:${mm}:${ss}`)
 
 
        let a = 3.234364
        alert(a.toFixed(4))

获取元素的方法
1.通过css选择器获取

   

盒子

   

       
• 1

       
• 2

       
• 3

       
• 4

   

 
    const li2 = document.querySelector('.two')
    console.log(li2)
2.document.querySelectorAll将所有匹配的元素全部获取到，并存放到伪数组

const lis = document.querySelectorAll('li')
console.log(lis)
for (let i = 0; i < lis.length; i++) {
     console.log(lis[i])
}
 
const li3 = document.querySelector('ul li:nth-child(3)')
console.log(li3)
修改元素内容
   

我是一个即将被更改的盒子

   

我是一个即将被更改的盒子

   
修改元素属性
 
 
 同意该协议
   

定时器
// setTimeout\setInterval   定时器
// setTimeout  :某段代码或者函数在多久后执行
 
// setInterval  间隔一段时间，将代码或者函数执行一次