面试二（深圳-2.15）

一，flex：0 1 25%

这三个参数代表的含义flex-grow（扩展），flex-shrink（收缩）， 设置或检索弹性盒伸缩基准值。如果所有子元素的基准值之和大于剩余空间，则会根据每项设置的基准值，按比率伸缩剩余空间

二，bootstrap最多分为12列，这种布局原理称之为响应式布局，提供前缀包括–bs

三，vuex包括state、action、mutation、getter、modules

四，vue使用vue.component来注册组件，vue2稳定版本2.7.10

五，全站变灰效果实现

* {//*也可以是html

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

}

六，CSS设置高度等于动态的宽度

如果子元素根据父元素设置宽度，那么将其高度设置为0，并将padding-bottom设置为百分比，则该子元素的高度将根据它的宽度计算。

<div class="div1">
    <div class="div2"></div>
</div>

.div1{
      width:400px;
      height:800px;
}
.div2{
      width:100%;
      height:0;
      padding-bottom:100%;
      background-color: #bfa;
}