js基础知识

1.flex布局

对于flex布局大体操作都可以编写，目前掌握flex布局的操作有

flex-direction:设置主轴方向

默认主轴方向：row（水平向右）；
默认侧轴方向：垂直向下
其属性有：
（reverse：相反）
1、row:默认值从左到右
2、row-reverse:从右到左
3、column：从上到下
4、colmun-reverse:从下到上

justify-content:设置主轴上的子元素的排列方式

1、flex-start:默认从头开始，如果主轴是x轴，则从左到右
2、flex-end：从尾部开始排列
3、center：主轴居中对齐（如果主轴是x轴，则水平居中）
4、space-around:平分剩余空间（重要，经常使用）
5、space-between：先两边贴边，在平分剩余空间（重要，经常使用）

flex-wrap：设置子元素是否换行

1.nowrap:不换行（默认不换行）
2.wrap:换行

align-items：

控制子项在侧轴（默认是y轴）上的排列方式，在子项为单项的时候使用。
属性：
1、flex-start:默认值，从上到下
2、flex-end：从下到上
3、center：挤在一起居中（垂直居中）
4、stretch:拉伸（子元素不能设置高度）

align-content

控制子项在侧轴（默认是y轴）上的排列方式，并且只能用于子项出现换行的情况（多行），在单行下是没有效果的。
1、flex-start:默认值，在侧轴的头部开始排列
2、flex-end：从侧轴的尾部开始排列
3、center：在侧轴中间显示
4、space-around:在子项侧轴平分剩余空间
5、space-between：子项在侧轴先分布两头，在平分剩余空间
6、stretch:设置子项元素高度平分父元素高度（子元素不能设置高度）

没掌握的知识

1. flex子项目占的份数
   flex1使我头晕眼花以及 flex-flow：复合属性经常傻傻分不清楚到底怎么使用

2.变量

存储数据的量。
let=1

3.对象

万物皆对象
用{}包裹，对象就是拥有属性和方法的数据，简单来说就是兵对兵将对将。
var johan = { name: ‘johan’ };
console.dir(johan);

4.数组

数组对象是使用单独的变量名来存储一系列的值。
给数据编组并且存储在一个字符串中，可以随时调用和修改。
let myCars=[“Saab”,“Volvo”,“BMW”];
查找和修改使用下标，下标是从0开始的

5.if else语句

条件语句，理解为判断，正确我执行代码1，错误执行代码2

if的使用方法

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if…else if…else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

6.swith

不同的条件执行不同的语句
switch (){
case 0:x=“今天是星期日”;
break;
case 1:x=“今天是星期一”;
break;
case 2:x=“今天是星期二”;
break;
case 3:x=“今天是星期三”;
break;
case 4:x=“今天是星期四”;
break;
case 5:x=“今天是星期五”;
break;
case 6:x=“今天是星期六”;
break;
}

7.for

循环可以将代码块执行指定的次数。

8.while

只要指定条件为 true，循环就可以一直执行代码块。