今天主要开始做复盘申请的ppt，做的过程差不多就是给自己的知识点查缺补漏的过程

发现很多问题

1. CSS的部分忘了很多

bfc当时用了很多次，但是实际去解释原理的时候还是会有一些问题，还要仔细复习一下

2. 作用域和作用域链

这个部分也不是特别熟悉，还需要继续看看

BFC全称是Block Formatting Context，即块格式化上下文。块格式化上下文是页面CSS 视觉渲染的一部分，用于决定块盒子的布局及浮动相互影响范围的一个区域。

BFC的创建方法

1.根元素或其它包含它的元素；

2.浮动 (元素的float不为none)；

3.绝对定位元素 (元素的position为absolute或fixed)；

4.行内块inline-blocks(元素的 display: inline-block)；

5.表格单元格(元素的display: table-cell，HTML表格单元格默认属性)；

6.overflow的值不为visible的元素；

7.弹性盒 flex boxes (元素的display: flex或inline-flex)；

BFC的最显著的效果就是建立一个隔离的空间，断绝空间内外元素间相互的作用。

1.内部的盒会在垂直方向一个接一个排列（可以看作BFC中有一个的常规流）；

2.处于同一个BFC中的元素相互影响，可能会发生margin collapse；

3.每个元素的margin box的左边，与容器块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此；

4.BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然；

5.计算BFC的高度时，考虑BFC所包含的所有元素，连浮动元素也参与计算；

6.浮动盒区域不叠加到BFC上；

在JavaScript中，变量的作用域有全局作用域和局部作用域两种。

在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：

1.最外层函数和在最外层函数外面定义的变量拥有全局作用域

2.所有末定义直接赋值的变量自动声明为拥有全局作用域

3.所有window对象的属性拥有全局作用域

和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域称为函数作用域。

在JavaScript中，函数也是对象，实际上，JavaScript里一切都是对象。函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是Scope，该内部属性包含了函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链，它决定了哪些数据能被函数访问。

当一个函数创建后，它的作用域链会被创建此函数的作用域中可访问的数据对象填充。