4.7-4.8 vue-他日若遂凌云志，敢笑黄巢不丈夫

1、this.$nextTick(() => {})可以让函数在DOM渲染完后执行
2、display: flex 居中布局 是将该元素下的 子元素居中。
3、绝对定位配合margin: auto 实现 垂直水平居中

仍要注意的是这里的top left right bottom为0，但是撑开的宽高是依据父集定位的宽高100%，所以margin的计算值也是相对于父集的计算值。
4、JS 写transition动画，无延迟，导致同步无动画问题。
非常有趣，虽然代码是一行一行写着，但是因为编译速度过快，可以说是同步执行的，这就导致了如下代码的异常。

无动画，因为代码同步，执行最后一个结果那就是rotateY(0deg)期间的90deg-0deg的动画效果并未响应。

但是代码加了10毫秒延迟后，


transition监听到了rotate的变化并执行。

5、backface-visibility。表示当元素进行3D操作，至背面朝向用户，是否显示。

6、scss 的 mixin方法实现样式的复用，以及@for 实现样式的循环。

@mixin 方法 传入$index
nth()表示在$moves数组中取$index对象。
map-get()表示在$item对象中取指定属性

@for样式循环

@for $i from 1 to length($moves) {}
没什么好讲的，规定死的，慢慢磨合吧。

7、 animation-fill-mode: both
设置动画结束时的元素的状态，如果设置both，则保留动画的结束状态。