html复习

1.弹性布局

父元素上的属性
display:flex 开启弹性布局；属性默认是水平排列
flex-direction 属性
定义：flex-directino 属性指定了弹性子元素在父元素的位置

flex-direciton:row|row-reverser|column|column-reverser

2.动画

3.js

1.字符串方法

1.str.CharAt(3) ：位置从 0 开始

str.CharAt(str.length-1):最后一个 字符
不存在显示空字符串

2.concat()用于连接两个字符串，返回一个新字符串，不改变原字符串（括号里面可以接受多个参数）

遇到字符串相连接，遇到整数相加

3.subString()字符串截取

参数1：开始位置
参数2：结束位置（不包含该位置）
第二个参数不写，默认从0开始到原字符串结尾
如果是负数参数会，subString()会自动转换为0

4.subStr

subStr方法用于从原字符串取出子字符串并返回，不改变原字符串，跟subString方法相同
subStr方法的第一个参数是子字符串的开始位置（从0开始计算），第二个参数是子字符串的长度
如果第一个参数是负数，表示倒数计算的字符位置。如果第二个参数是负数，将被转换为0，因此会返回空字符串

5.indexOf()

用于确定一个字符串在另一个字符串第一次出现的位置，返回结果匹配开始的位置。如果返回-1，就表示不匹配。
第2个参数：表示从改位置开始
‘hello world’.indexof(‘o’,6)//7

6.trim()

去掉两端空格，返回一个新的字符串，不改变原来字符串
trimEnd()去掉尾部空格
trimStart()去掉头部空格

7.split()方法按照给定规则分割字符串，返回一个由分割出来的子字符串组成的数组

1.通过指定字符分割
2.如果分割为空字符串，则返回数组的成员是原字符串的每一个字符
3.如果省略参数，则返回数组的唯一成员就是原字符串
split()还可以接受第二个参数，限定返回数组的最大成员

2.数组

1.Array.isArray(参数);判断是否是数组

2.push方法用于在数组的末端添加一个或多个元素，并返回添加元素后的数组长度，该方法会改变原数组

3.pop方法用于删除数组的最后一个元素，并返回该元素。注意，该方法会改变原数组

4.shift()方法用于删除数组的第一个元素并返回该元素。注意，该方法会改变原数组

5.unshift()方法用于添加数组的第一个位置添加元素。并返回添加新元素的数组长度。注意改方法会改变原数组

6.join():join方法以指定参数作为分隔符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分割

如果数组成员是undefind或null或空位，会被转换成空字符串
数组的join配合字符串的sqlit可以实现数组与字符串的互换

7.concat():把多个数组合并成一个数组，它将新数组的成员，添加到原数组的后部，然后返回一个新的数组，原数组不变

8.reverse方法用于颠倒排列数组元素，返回改变的数组。注意改方法将改变原数组

利用数组翻转方法把字符串翻转
1.使用sqlit(“”)转换为数组
2.使用reverse()翻转数组
3.使用Join(“”)转换为字符串

9.indexof()：返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1

indexOf()方法还可以接受第二个参数，表示搜索的开始位置