vue 监听移动端软键盘
data:defaultPhoneHeight:'', nowPhoneHeight:'' mounted:mounted(){ this.defaultPhoneHeight = window.innerHeight window.onresize = ()=>{ this.nowPhoneHeight = window.innerHeight }
css Grid布局 网格布局
什么是网格布局？网格是由一系列水平及垂直的线构成的以一种布局模式。根据网格，我们能够将设计元素进行排列，帮助我们设计一系列具有固定位置以及宽度的元素的页面，使我们的网站页面更加统一。一个网格通常具有许多的列（column）与行（row），以及行与行、列与列之间的间隙，这个间隙一般被称为沟槽（gutter）。容器属性Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面
css 布局 多列布局
属性描述单元格单元格单元格单元格column-count指定元素应划分的列数column-fill指定如何填充列column-gap指定列之间的间距column-rule设置所有列规则-*属性的简写属性column-rule-color指定列之间规则的颜色column-rule-style指定列之间规则的样式column-rule-width指定列之间规则的宽度column-span指定元素应该跨
css3 动画
transition (渐变动画)transition-property(变换的属性，即那种形式的变换：大小、位置、扭曲等)值为：noneall元素属性名（用,隔开）transition-duration(变换延续的时间)它是用来设置转换过程的持续时间，单位是s或者ms，默认值为0；transition-timing-function (变换的速率)ease：逐渐变慢（默认），等同于贝塞尔曲线(0
css 布局 --- flex(弹性盒子)
什么是flex 弹性盒子弹性盒子是一种用于按行或按列布局元素的一维布局方法 。元素可以膨胀以填充额外的空间, 收缩以适应更小的空间采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。disolay:flex;(行内元素display:inline-flex)容器的属