设置flex布局后，子元素的clear、float、vertical-align属性将失效
行内元素也可使用flex布局。display：inline-flex

容器共有6个属性(规定属性值的第一个为默认值)

flex-direction //决定主轴方向 row | row-reverse | column | column-reverse

flex-wrap //定义如何换行 nowrap |　wrap | wrap-reverse

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

JS Array对象定义的方法都不能改变数组的内容，而仅仅会返回数组的一个副本。

concat() 方法 用于连接两个或多个数组。

JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串

charAt() 方法可返回指定位置的字符。

• 语法

  stringObject.charAt(index)

  1. (index) 必需。字符在字符串中的下标。
• 注释：
  • 字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。

javascript 代码运行分俩个阶段

预解析 —把所有函数定义(function () {})提前,所有的变量声明提前，变量的赋值不提前
执行 — 从上到下执行 (setTimeout,setInterval, ajax中的回掉函数，事件中的函数需要触发执行)

for 循环之闭包

所有输出结果都为3版本

定位

相对定位

• 形影分离–为盒子添加效果还是作用在原来的位置，影子出去了，不脱标.

  相对定位用途

  • 微调元素
  • 绝对定位的参考（子绝父相）

#　原生JS forEach()和map()遍历

共同点：

• 1.都是循环遍历数组中的每一项。
• 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。
• 3.匿名函数中的this都是指Window。
• 4.只能遍历数组。