1、在vue组件中使用动画 在进入/离开的过度中，会有6个class切换 v-enter：定义进入过度的开始状态，在元素被插入之前生效，在元素被插入之后的下一帧移除 v-enter-active：定义进入过度生效时的状态，在整个进入过度的阶段中应用，在元素被插入之前生效，在过度/动画完成之后移除，这 ...
分类：
其他好文 时间：
2020-06-13 13:18:47
阅读次数：
72
Vue动画 使用过度类名实现动画 1. 将要使用过度动画的标签用transition包裹 2. 定义两组样式 自定义样式前缀 可以在transition标签中用name来指定对应的样式前缀 这样做的话，在定义动画时也要用my作为前缀 使用第三方类库实现动画 Animate.css 在transiti ...
分类：
其他好文 时间：
2020-05-16 00:13:43
阅读次数：
73
生命周期函数： 1. bool init()：初始化场景时调用 2. void onEnter()：进入场景时调用 3. void onEnterTransitionDidFinish()：进入场景且过度动画结束时调用 4. void onExit()：退出场景时调用 5. void onExitT ...
分类：
其他好文 时间：
2020-03-07 12:53:14
阅读次数：
64
1将animate和过度动画的类名添加到transition对应的类上 2appear 设置初始样式（页面刷新样式）appear-active-class 3type设置动画时间依据类型（transition或animate） 4可以通过:duration来设置动画时间，补充3 <style> .f ...
分类：
Web程序 时间：
2020-02-20 13:09:17
阅读次数：
84
```html 锚点 跳转到中部 我是中部 注意点: 1.通过我们的a标签跳转到指定的位置, 是没有过度动画的, 是直接一下子就跳转到了指定位置 2.a标签除了可以跳转到当前界面的指定位置以外, 还可以在跳转到其它界面的时候直接跳转到其它界面的指定位置 格式: 跳转到锚点测试界面 我是锚点测试界面3... ...
分类：
Web程序 时间：
2019-10-13 13:16:38
阅读次数：
74
对于过度动画如果要同时渲染整个列表时，可以使用transition-group组件。 transition-group组件的props和transition组件类似,不同点是transition-group组件的props是没有mode属性的，另外多了以下两个props tag 标签名 moveCl ...
分类：
Web程序 时间：
2019-07-31 12:39:15
阅读次数：
112
一、转场动画简单介绍 CAAnimation的子类，用于做转场动画，能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点 UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果 属性解析: type：动画过 ...
分类：
移动开发 时间：
2019-02-05 20:51:24
阅读次数：
194
CATransition通常用于通过CALayer控制UIView内子控件的过渡动画，比如删除子控件，添加子控件，切换两个子控件等。 用于子视图的增删查改； ...
分类：
其他好文 时间：
2019-01-31 19:14:17
阅读次数：
162
首先，传统做动画的方式有以下几种： 1. css的transition过度动画 2. css的animation动画 3. 使用setTimeout或setInterval模拟动画贞（js执行机制决定了并非严格意义上的动画贞） 定时器模拟动画又分为 ：（1）速度版运动 （2）时间版运动 4.使用re ...
分类：
移动开发 时间：
2018-12-09 20:07:12
阅读次数：
343
vue路由再vue开发的项目中可以说是一个必用的组件，而这个部分的水却依旧很深，今天我们深入分析其内部的东西，先看这样一个效果： 大家 可以看到上图中，我们通过两种方式实现了一个vue路由跳转的过度动画医技页面的参数的传递。 跳转方式及传参： vue跳转方式一共有三种：编程式跳转和router-li ...
分类：
其他好文 时间：
2018-08-27 18:11:42
阅读次数：
181
