事件触发时间
focus:当focusable元素获得焦点时，不支持冒泡；
focusin:和focus一样，只是此事件支持冒泡；
blur:当focusable元素失去焦点时，不支持冒泡；
focusout:和blur一样，只是此事件支持冒泡；

- 阅读剩余部分 -

document.body.addEventListener('focusin', () => {  //软键盘弹起事件
        console.log("键盘弹起")  
 })
document.body.addEventListener('focusout', () => { //软键盘关闭事件
        console.log("键盘收起")  
  })

flex属性是flex-grow, flex-shrink 和 flex-basis的简写
该属性有两个快捷值：auto (1 1 auto) 和 none (0 0 auto)。
建议优先使用这个属性，而不是单独写三个分离的属性，因为浏览器会推算相关值。

- 阅读剩余部分 -

说明
在vux的官网上经常能看到有样式变量这个东西，一开始并不知道怎么用，想着修改样式就通过优先级覆盖就好了，后面有个小伙伴问起，我下仔细去找找文档-主题颜色配置

- 阅读剩余部分 -

相同点：图片都是等比例缩放

不同点：cover是铺满整个显示区域。如果显示比例和显示区域的比例相差很大某些部分会不显示

比如下面这张图，宽比高大很多，使用cover那么两边的就不会显示

background:#ccc url(111.jpg) no-repeat center top; background-size: cover;

两边的去掉很多，如果图片很小就会放大到没有空白，其中一边就会不显示

contain：正好相反，他是按照某一边来覆盖显示区域的，会有白边