基础提升

在ES5中，官方为对象提供了一个api就是`defineproperty`，也叫数据劫持，早期Vue2也是通过这个来实现数据响应式的，但存在一些不足，之后ES6就推出 `proxy` 增加了许多功能

前言 平时上网我经常能在app或者网页上看到很多比较酷的动画效果，这些效果还是比较吸引人的。那么我们自己在写项目时，也都希望能在页面做出一些很酷的动画效果，页面看起来也会更具特色。

前言 在javascript中有很多数据类型，字符串、数字、数组、对象等等，通常会对一些表示集合的数据类型进行遍历（迭代）

javascript 和其他语言有所不同，没有直接定义和区分多种类型的变量，通常只是用var、let、const定义变量来区分变量的作用域，属于弱类型语言，而C语言、java等属于强类型语言，他

今天分享一个数组身上也是比较重要的api，就是flat。flat是一个用来让多层数组扁平化的方法，使用起来非常简单，但是我们还需要知道自己如何手写实现这个api

主要归纳为增、删、改、查、排序、迭代等，需要注意使用这些方法对原数组是否产生影响，以及是否有返回值。

this 就是以一个优雅的方式隐式传递了一个对象的引用，提高了代码的复用性。箭头函数本身没有this这个概念，写在其内部的this，也就是其外部的普通函数的this

实现瀑布流布局的主要手段是使用JS，因为用CSS一般难以实现我们想要的瀑布流效果（数据块分布，响应式等等），这里只是应该知道CSS也能完成瀑布流布局，一般使用第一种方法来实现，但是网格布局很强大

可以理解一个容器有自己的一个环境，比如在一个div中放了几个容器，那么就是在这个div中形成了文档流。所以，BFC是CSS渲染的一部分，主要决定盒子的布局和浮动相互影响的一个区域