父组件，首先要挂载子组件 如果父组件传值给子组件，则 <transition mode="out-in"> <router-view :applyList='applyList' applyPath='flightBstrip'></router-view> </transition> 1.父组件挂 ...
分类：
其他好文 时间：
2020-01-23 11:10:51
阅读次数：
101
实现展示图片和平移滑动 需求 在展示框内展示图片,并通过左右按钮平滑的向左向右滑动展示 思路 创建一个外层容器 内层定义使用 transition 进行滑动 点击左右按钮时计算左右滑动距离 使用translateX 进行偏移 完整代码 ...
分类：
其他好文 时间：
2020-01-21 18:25:51
阅读次数：
71
npm run vuedraggable <template> <vuedraggable class="wrapper" v-model="list"> <transition-group> <div v-for="item in list" :key="item" class="item"> < ...
分类：
其他好文 时间：
2020-01-19 17:41:33
阅读次数：
252
While it's powerful enough to have Machine.transition, it can get tedious constantly passing it a state and an event. It would be nice if we had a fun ...
分类：
系统相关 时间：
2020-01-19 00:28:13
阅读次数：
89
设置transition 动画的时候 , js直接设置duration 和 变化值不会起作用 , 需要先设置duration , 等一小会再设置变化值 安卓端 , 窗口不可见时 , window.innerHeight为 0 ; keyframe + 关键帧图片动画 响应式坑 : 若 keyfram ...
分类：
其他好文 时间：
2020-01-15 14:05:47
阅读次数：
71
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也 ...
分类：
其他好文 时间：
2020-01-14 20:56:08
阅读次数：
61
利用CSS3特性可以做出动画效果 .trans_300 { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300m ...
分类：
其他好文 时间：
2020-01-14 16:03:47
阅读次数：
202
html部分 <div class="el-row-box5-div"> <div class="img5"></div> <span class="span">创建圈子</span> </div> css部分 .el-row-box5-div { transition: all 0.3s; &:h ...
分类：
其他好文 时间：
2020-01-13 16:24:57
阅读次数：
122
1.过度：transition：它是一个缓慢的滑翔过程，就相当于一个缓冲，显得不是那么的突兀； 官方的解释是我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript 过渡的属性: transition-property: width; 使用过渡的css属性名 ...
分类：
其他好文 时间：
2020-01-12 20:14:51
阅读次数：
141
原文:CSS3(4)---动画(animation) CSS3(4)---动画(animation) 之前有写过过渡：CSS3(2)--- 过渡(transition) 个人理解两者不同点在于 过渡 只能指定属性的 开始值 与 结束值，然后在这两个属性值之间进行平滑过渡来实现动画效果，因此只能实现简... ...
分类：
Web程序 时间：
2020-01-12 10:04:04
阅读次数：
95
