　　

vue中动画分布解析

2020-12-01 16:19:26

参考连接 https://blog.csdn.net/qq_37977455/article/details/104765789

transition分为以下六个阶段：
enter, enter-active, enter-active-to,
(开始进入阶段的)第1帧属性值，到 (默认属性值的过渡阶段)，移除enter动画，
leave, leave-active, leave-active-to
(开始离开阶段的)第1帧默认属性值，到 (属性值的过渡阶段)，移除leave动画

2种使用：

// html
<transition name="slide"></transition>12

 /* 正常状态下detail组件默认为transformX(0) */
.slide-enter,
.slide-leave-to {
  transform : translateX(100%);
}
.slide-enter-active,
.slide-leave-active { transition: all .6s;}1234567

不考虑过渡速率，与下同，

@keyframes slideMove{
    0%{ transform : translateX(100%); }
    100%{ transform : translateX(0); }
}
.slide-enter-active { animation: .6s slideMove;}
.slide-leave-active { animation: .6s slideMove reverse;} /* 动画顺序翻转 */

2018-07-11 16:18:54

mysql自增ID起始值修改方法
本文介绍mysql自增ID的起始值修改与设置方法

2018-07-17 21:57:08

Linux下查找大文件，大目录的方法
find . -type f -size +800M12

2018-07-29 21:25:38

Mr.Smile填坑记——AndroidStudio3.0 Can
javaCompileOptions { annotationProcessorOptions { includeCompileClasspath = true } } } ...}

2018-08-02 15:03:28

正则提取字段
如下文案，如何提取中间的文案呢 eq: 我们的%%aaa%%不一致,哈哈哈提取后是aaa

2018-08-05 23:54:40

Laravel ENV—— 环境变量的加载与源码解析
laravel 在启动时，会加载项目的 env 文件，本文将会详细介绍 env 文件的使用与源码的分析。

2018-08-07 19:58:53

Urlconnection对象获得inputStream值
Urlconnection对象获得inputStream值

2018-08-07 19:59:56

String和inputstream互转
String和inputstream互转

2018-08-07 20:00:42

xUtils3.0版本的发送同步网络请求的方式
对于Android开发来说，基本都是用异步来从网络上请求数据，很少用到同步请求的。近日项目有个地方需要使用到同步请求（以我目前的知识储备来说好像只能用同步请求来解决这个问题了），去网上搜索相关资料，又没有找到什么明确的使用方法。所以记下来，以备不时之需。

2018-08-14 23:35:28

Retrofit 设置超时时间
今天开发的时候遇到一个网络请求超时的问题，后台处理是成功的，但是移动端返回的总是提示请求超时，在设置了retrofit请求超时的时间延长以后，就可以请求成功了，下面是配置的方法：

2018-08-15 00:01:08

laravel 5.5 打印sql,查询慢sql
laravel 5.5，打印sql,查询慢sql