vue 响应式原理
Vue 的响应式原理是其核心机制之一，实现了数据与视图的自动同步1. 数据劫持（Data Observation）Vue 通过劫持数据的读写操作，监听数据变化。Vue 2：基于 Object.defineProperty对象属性劫持：遍历对象的每个属性，通过 Object.defineProperty 重写 get 和 set 方法。 get：访问属性时，触发依赖收集（将当前 Watcher 添
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