CSS 篇
盒模型
盒模型分为两种：W3C的标准盒模型和IE盒模型。
W3C的标准盒模型
width = content，不包含 border + padding
IE盒模型
width = border + padding + content
二者之间可以通过CSS3的 box-sizing 属性来转换。
box-sizing: content-box 是W3C盒模型
box-sizing: border-box 是IE盒模型
flex 布局
父容器：
flex-direction 主轴方向
flex-wrap 换行方式
子容器：
order 主轴排列顺序，默认为0，越小越往前
flex-grow 放大比例，默认0
flex-shrink 缩小比例，默认1
flex-basic 基础尺寸，默认auto
BFC
BFC 是 Block Formatting Context 的缩写，即块格式化上下文。BFC是CSS布局的一个概念，是一个环境，里面的元素不会影响外面的元素。 布局规则：Box是CSS布局的对象和基本单位，页面是由若干个Box组成的。元素的类型和display属性，决定了这个Box的类型。不同类型的Box会参与不同的Formatting Context。 创建：浮动元素 display：inline-block、position:absolute、overflow 值不为 visible 的块元素 应用: 1.分属于不同的BFC时,可以防止margin重叠 2.清除内部浮动 3.自适应多栏布局
JavaScript 篇
构造函数
JavaScript 构造函数 - 掘金 (juejin.cn)
原型与原型链
原型：每个实例对象（object）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（prototype），该原型对象又有自己的原型对象，层层向上直到一个对象的原型对象为 null。当访问对象的属性时，就会沿着原型对象向上查找属性，称之为原型链
执行上下文与作用域链
执行上下文可以理解为函数执行的环境，每一个函数执行时，都会给对应的函数创建这样一个执行环境。作用域链决定各级上下文中的代码在访问变量和函数时的范围。
