执行上下文

执行上下文

 （1）单线程

 （2）同步执行，只有栈顶的上下文处于执行中，其它上下文需要等待

 （3）全局上下文只有唯一的一个，在浏览器关闭后出栈

（4）函数的执行上下文没有限制

 （5）每次某个函数被调用，就会有个新的执行上下位为其创建，即使是调用自身的函数，也是如此

一、执行上下文

执行上下文可以理解为当前代码的执行环境，它会形成一个作用域。JavaScript中的运行环境大概包括三种情况：

 （1）全局环境：JavaScript代码运行起来会首先进入该环境

 （2）函数环境：当函数被调用时，会进入当前函数中执行代码

 （3）eval（不建议使用，忽略）

 只要遇到以上三种情况，都会生成一个执行上下文，放入栈中。

flex-flow

flex-flow：属性是flex-direction属性和flex-wrap属性的简写形式，默认值为（row nowrap）

justify-content

定义了项目在主轴上的对齐方式

flex-start（默认值）： 左对齐

flex-end： 右对齐

center： 居中

space-between： 两端对齐，项目之间的间隔都相等。

space-around： 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。

align-items

属性定义项目在交叉轴上如何对齐

flex-start： 交叉轴的起点对齐。

flex-end： 交叉轴的终点对齐。

center： 交叉轴的中点对齐。

baseline: 项目的第一行文字的基线对齐。

stretch（默认值）：如果项目未设置宽高或设为auto，将沿交叉轴占满整个容器的高度或宽度。

align-content

属性定义了交叉多根（行）轴线的对齐方式。如果项目只有一根轴线，该属性不起作用

flex-start： 与交叉轴的起点对齐。

flex-end： 与交叉轴的终点对齐。

center： 与交叉轴的中点对齐。

space-between： 与交叉轴两端对齐，轴线之间的间隔平均分布。

space-around： 每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。

stretch（默认值）：轴线占满整个交叉轴。在设置了align-items后无效

多行下的align-content会使align-items失效