1
2
3
4
5

#dad {
    display: flex;
    justify-content: center;  //水平居中
    align-items: center;      //垂直居中
}

父容器：

• justify-content（水平方向）
  flex-start：起始端对齐
  flex-end：末尾段对齐
  center：居中对齐
  space-around：子容器沿主轴均匀分布，位于首尾两端的子容器到父容器的距离是子容器间距的一半。
  space-between：子容器沿主轴均匀分布，位于首尾两端的子容器与父容器相切。

有空补

• state 存储的状态， 或者称为存储的变量值

  1	console.log(this.$store.state)

• getter 是根据state派生出来的变量。 类比vue中computed里申明的变量。

  1	console.log(this.$store.getters.done)

• mutation就是同步更改状态的方法，mutations是操作state的唯一方法，即只有mutations方法能够改变state状态值

  1	this.$store.commit('addList', this.content )

前端工作几年下来，以及多轮的面试狂虐，不得不感叹前端这颗大树，枝干繁盛，各自延伸。选择这份工作的开始就注定了，我会不断消耗空闲时间进行知识储备，但我不后悔选择了这样一个富有挑战的工作 。在跟各个部门打交道的过程中能不断点亮我的一个又一个知识树体系，虽谈不上枝繁叶茂，但也是生机勃勃。