羽月

对于内联的子元素水平居中，我们只需要设置父级块级元素的text-align: center;就行。 对于块级元素的居中，我们可以设置这个块级元素的margin-left和margin-right为auto就行。如margin: 0 auto;。 我们可以设置行内元素的paddi…

Grid 是一个基于二维网格布局的系统，有了它我们可以非常方便的实现过去很复杂布局，无需再使用float, inline-block, position 这些本质上是 hack 的方法。 CSS网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系…

Flex 弹性盒子布局是很强大的布局，它可以很方便的控制元素在垂直和水平方向上的行为。 要使用 Flex，首选需要一个 Flex 容器（flex container）。使用display: flex;创建，flex 是一个 CSS 的display属性中新添加一个值，而容器下的…

Set 和 Map 都是 ES6 新增数据结构。 Set 是一个集合，它类似于数组，但是成员的值都是唯一的，没有重复的值。它允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 Set 是一个构造函数，它有一个可选的参数一个可迭代对象。如果传递了这个参数它的所有元素将不重复…

Symbol 是 ES6 新加入的数据类型，是一种原始数据类型。该类型的性质在于这个类型的值可以用来创建匿名的对象属性。该数据类型通常被用作一个对象属性的键值——当你想让它是私有的时候。对象的属性名现在可以有两种类型，一种是字符串，另一种就是 Symbol 类型。 Symbol…

Proxy和Reflect是 ES6 新增 API。 Reflect是一个内置的对象，它提供拦截 JavaScript 操作的方法。Reflect不是一个函数对象，因此它是不可构造的。Reflect的所有的方法都是静态的就和Math一样，目前它还没有静态属性。 Reflect对…

以前 JS 主要用在浏览器，它是没有模块系统的。如果我们做的项目有点大，那么管理项目的依赖就非常困难，比如 A 依赖 B 和 C，而 C 和 B 有依赖其他的库。这时人为的用script标签的先后顺序来让项目依赖正常是非常困难的。这时就有了很多解决方案。 CommonJS 是以…

它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作。 创建一个指针对象，指向当前数据结构的起始位置。 每一次调用next方法，都会返回数据结构的当前成员的信息。（返回一个包含value和done两个属性的对象。…

面向对象编程是将事物看成一个个对象，对象有自己的属性有自己的方法。 比如人，我们先定义一个对象模板，我们可以定义一些属性 比如，名字年龄和功能，比如走路。我们把这个叫做类。 然后帮们将具体数据传入模板，成为一个个具体的人，我们将它叫做实例。 JS 中面向对象是使用原型（prot…