JS终极总结1 ES规范 [重点 !!!] 作用: 学习这个规范,才知道js的语法,知道如何写代码不会报错,写js代

作用: 学习这个规范,才知道js的语法,知道如何写代码不会报错,写js代码,要遵循这个规范.

+ - * / % ++ -- += -= *= /=

条件判断

if (条件) {
    /* 代码 */
} else if (条件2) {
    /* 代码 */
} else {
    /* 代码 */
}

switch (形参) {
    case 条件1:
        /* 代码 */
        break;
     case 条件2:
        /* 代码 */
        break;
    default: 
        /* 代码 */
}

# 如果条件是true  就走表达式1  否则 就走表达式2
条件 ? 表达式1 : 表达式2

方法	说明
unshift	首位添加
shift	删除首位
push	尾部添加
pop	删除尾部最后一个元素
map	循环, 把每一次循环的返回值,全部放入一个新数组,返回新数组
forEach	数组循环
some	循环,某一个元素满足条件,就返回true,否则返回false
every	循环,每一个都满足,就返回true,否则返回false
find	找到满足条件的第一个元素,返回该元素
findIndex	找到满足条件的第一个元素, 返回该元素的索引
filter	过滤,把满足条件的元素放入一个新数组,返回这个新数组
concat	连接数组
flat	数组降维
includes	判断是否包含
indexOf	判断元素出现的索引,没有就返回-1
join	数组分割为字符串
reverse	反转数组
sort	排序
splice	删除/添加/替换元素
slice	截取数组

方法 [重点 !!!!!]

方法名	说明
toFixed

DOM操作:

查询dom(找到节点, 才能操作它哦, 哥)

#H4
document.getElementById()
document.getElementsByClassName()

#H5 [吐血推荐!!!]
document.querySelector()
document.querySelectorAll()

删除节点:

# 删除节点自己
dom节点.remove()

# 删除子节点
dom节点.removeChild()

修改节点:

dom节点.innerHTML = '新的内容'
dom节点.innerText = '新的内容'
dom节点.textContent = '新的内容'  // 推荐

增加节点:

let elem = document.createElement('标签名') // 创建一个节点 

dom容器.appendChild( elem ) // 把刚才创建好的节点 添加进入指定的dom容器中.

操作节点上的属性:

dom节点.style.属性 = '新的样式'
dom节点.className = '新的类名'
dom节点.id = '新的id'

input节点.value = '新的值'

dom节点.dataset.自定义属性名 = 'xxx'  // H5 data-* 自定义属性