2022-07-12 第四小组 孙翰章 学习笔记

js

1.switch...case的效率问题case后面是字面量（常量），效率才高 不要强行用switch  switch里的break是可选的

2.函数的命名规则 小驼峰式 例如 getDays( )

3.循环 （4种）

for循环  let i = 0;初始化条件，当i = 0是，循环开始，只有在初始化时执行  一次

     i < 10;判断条件，会和初始化条件配合循环执行，决定循环什么时 候停止

     循环体 循环在重复做什么事情

     I++ 循环条件，每次循环体执行完毕让i产生变化

     #面试题：for循环的执行步骤 上面四步

　　　　　　（1）i可以看作是一个局部变量

　　　　　　（2）循环条件可以根据实际情况更改

　　　　　　（3）修改循环条件要切合实际

　　　　　　（4）尽量避免死循环

 

for in 语句  能做的事情比较少 只能遍历

 

#For循环每个初始化条件都是单独的   while循环初始化条件不好控制

  循环条件都是隔离的             循环条件不好控制

                     写函数时，返回值便于管理

 

while循环  let a = 10;初始化条件

 　　　　　a < 100 循环判断条件

　　　　　　打印输出 循环体

　　　　　　a++ 循环条件         

　　　　　　while循环执行流程：

　　　　　　（1）初始化条件

　　　　　　（2）判断条件

　　　　　　（3）执行循环体

　　　　　　（4）自增

 

#while如果条件不成立 一次都不走    do while无论条件是否成立先执行 一次再判断

 

do while循环　　 let a = 10 初始化条件

　　　　　　　　 do 做什么事

　　　　　　　　　log 循环体

　　　　　　　　　a > 100 判断条件

　　　　　　　　　a++ 循环条件

4.JS内置函数 Array:  (1)concat()连接

　　　　　　　　　　　(2)join()设置分隔符连接数组为一个字符串

　　　　　　　　　　　(3)pop()删除最后一个元素

　　　　　　　　　　　(4)sort()排序：从小到大排序

        Global:  (1)isNaN():判断一个字是不是数字

　　　　　　　　　　　(2)parseFloat():把一个整数换成小数

　　　　　　　　　　　(3)parseInt():把一个小数取整

　　　　　　　　　　　(4)number():把一个值转换成number类型

　　　　　　　　　　　(5)string():把其他类型转换成字符串

        String:  (1)charAt():取出指定位置的字符

　　　　　　　　　　　(2) indexOf():判断指定位置的字符是否存在

　　　　　　　　　　　(3) lastindexOf():从后往前找

　　　　　　　　　　　(4) replace():替换字符串

　　　　　　　　　　　(5) split():根据-去拆分字符串，得到一个数组

　　　　　　　　　　　(6) substring():字符串的截取

5.抓取元素 （1）传统方法

        根据id抓取HTML元素

        let div1 = document.getElementById("div1");

        console.log(div1);

        根据class抓取HTML元素,得到的是一堆元素

        let divs = document.getElementsByClassName("div1");

        console.log(divs[0]);

        根据标签抓取HTML元素,得到的是一堆元素

        let divs = document.getElementsByTagNameNS("div");

        console.log(divs[0]);

        （2）新方法

        a.根据选择器去抓取一个

        let div = document.querySelector('.div');

        console.log(div);

        b.根据选择器去抓取全部元素

        let divs = document.querySelectorAll('div');

        console.log(divs[0]);

 

　　　　　　(3)时间就是当我们和HTML标签交互式产生的行为

        

         onclick:单击事件

         ondblclick:双击事件

         onblur:失去焦点

         onfocus:获得焦点

         onchange:改变

         onload:加载

        

         当设置了对应事件之后，会执行目标函数

         点击按钮就弹出一个弹窗