2022-7-12 第五组 瞒春 学习报告

学习目标：

学习并掌握今日所讲课程，完成布置相关任务。

目录

学习目标： 

学习内容：

学习时间：

学习产出：

---

学习内容：

1.循环 （4种循环）

 2.元素节点

3.事件

1. switch...case的效率问题，只有case后面是字面量（常量）时，效率才高

1. 不要强行用switch

 

 

·函数名的命名规则：小驼峰式

1. switch...case里的break是可选的

 

JavaScript

·循环 （4种循环）

1. for循环（i是index的缩写）

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

1. let i = 0：初始化条件，当i = 0时，循环开始（只走一次，在第一次循环开启之前初始化）
2. i < 10：判断条件，会和初始化条件配合循环的执行
3. 循环体：循环在重复做什么事情
4. i++：循环条件，每次循环体执行完毕可以让初始化条件（i）产生变化

1. i可以看做是一个局部变量
2. 循环条件是可以根据实际情况更改的
3. 当修改循环条件时，要确保循环可以向着终点前进去改变
4. 在我们开发中，尽量避免死循环

·有需要写死循环时，如下

·数组有一个属性：length-长度

长度：数组中有多少个元素，注意区分长度和下标（索引） 最大下标+1=长度

·取出数组中的最后一个元素，不能是undefined

·把数组中的每个元素都操作一遍—数组的遍历（迭代）

练习1：找出数组中的最大值，可以用三元、if...else来找出数组中的最大值

 

练习2：判断一个数在数组中是否存在，如果存在，返回它的下标，如果不存在，返回-1

·在JS代码里不要出现重复定义的变量，如果两个变量的作用域出现了重叠不要出现重名的情况，尤其是全局和局部，变量最好不要重名

·while循环的执行流程

1. 初始化条件
2. 判断条件
3. 执行循环体
4. 自增

·while循环           &           for循环

初始化条件不好控制               每个for循环的初始化条件都是

循环条件不好控制                 每个for循环的a++都是隔离的

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

练习3：今年是2022年，今天我们公司有10人，每年公司会以10%的比重招人（每年涨10%），问哪一年公司人数突破100人，人数是多少。

 

1. do while循环

1. let a ：初始化条件
2. do：做什么事
3. 打印输出 循环体
4. a > 100：判断条件
5. a++：循环条件

·do...while和while的区别

do...while是先执行一次，再判断；while是如果条件不成立，一次都不走

do...while无论条件是否成立，循环都至少执行一次

·死循环

·for( ; ; ){ }          ·while(true){ }          ·do{ }while(true);

·通常情况下，循坏都会搭配if...else使用

JS的内置函数

·Array：

1. concat( ) 连接
2. join( ) 设置分隔符连接数组为一个字符串
3. pop( ) 删除最后一个元素

        

1. sort( ) 排序，从小到大排序

·Global：

1. isNaN( ):判断一个值是不是数字
2. parseFloat( ):把一个整数转换成小数
3. parseInt( ) :把一个小数转成整数，取整
4. number( ):把一个值转成number类型

        

1. string( ):把其他类型转成字符串

·String：

1. cherAt( ):取出指定位置的字符

        

1. indexOf( ):判断指定的字符是否存在，如果存在，返回下标，如果不存在，返回-1
2. lastindexOf( ):从后往前找
3. replace( a,b):替换字符串（把所有的a替换成b）
4. split(‘-’ ):根据括号里的（-）去拆分字符串，得到一个数组
5. substring(1,6 ):字符串的截取（从下标为1的位置截取到下标为6的位置）

·Math：

1. ceil( ):向上取整（往大了取整）

        

1. floor( ):向下取整（往小了取整）
2. round( ):四舍五入

        

1. random( ):随机：生成一个0-1的随机数

1. tan( )  sin cos cot 三角函数
2. E PI

·Date

1. new Date( ):获取系统当前日期

1. getDate( ):返回日期的日 1-31
2. getHours( ):返回时间中的时 0-23
3. getMinutes( ):返回时间中的分 0-60
4. getSecond( ):返回时间中的秒
5. getTime( ):获取系统当前时间
6. getYear( ):获取年

元素节点

·innerText能修改也能获取

（1）修改

1. 获取

·innerHTML

往文本框里加东西

传统方法

1.根据id去抓取HTML元素

2.根据class抓取HTML元素，得到的是一堆元素

3.根据标签（tag）抓取HTML元素，得到的是一堆元素

新方法

1. 根据选择器去抓取一个元素

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

 

InnerText和innerHTML弊端：会覆盖。

---

 

 

 

学习时间：

上午：7：30-12：00

下午：1：30-5：00

晚上：6：00-10：00

---

学习产出：

• 课上练习题3个 晚自习一个
• 对于循环可以较为熟练的运用
• 元素节点的抓取以及事件的掌握需要练习