<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title> <script type="text/javascript" src="vue.js"></script> <link rel="stylesheet" type="text/css" href="animate.css"> <style type="text/css"> p { width: 300px; height: 300px; background: red; margin: 10px auto; } </style> <script type="text/javascript"> window.onload = function(){ var app = new Vue({ el:'#box', data:{ show:false } }) } </script></head><body> <div id="box"> <!-- 控制数据的值切换显示隐藏 --> <button @click="show=!show">transition</button> <!-- <transition enter-active-class="zoomInLeft" leave-active-class="zoomOutRight"> <p v-show="show" class="animated"></p> </transition> --> <!-- 第二种方法 --> <!-- <transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight"> <p v-show="show"></p> </transition> --> <!-- 多元素运动 --> <transition-group enter-active-class="zoomInLeft" leave-active-class="zoomOutRight"> <p v-show="show" class="animated" :key="1"></p> <p v-show="show" class="animated" :key="2"></p> </transition-group> </div></body></html>
vue过渡和animate.css结合使用
-
Idea或webstrom配置webpack设置路径alias实现代码自动补全功能
做开发的时候,每次import想要代码提示,通过../../src/components长长的相对路径用起来很不方便,通过配置webpack的alias就可以让ide实现代码自动补全功能
-
python2.7和python3.6下载地址
python2.7,python3.6下载地址
-
ffmpeg,Cannot find ffprobe
原来要安装方法Pro的,并放入环境变量
-
fluent-ffmpeg 常用函数
用fluent-ffmpeg提供的接口,简化ffmpeg的操作
-
fluent-ffmpeg 常用函数
用fluent-ffmpeg提供的接口,简化ffmpeg的操作
-
fluent-ffmpeg图片合成视频
使用fluent-ffmpeg将图片合成视频并简单添加过渡效果
-
fluent-ffmpeg实现图片跑马灯效果
fluent-ffmpeg实现图片跑马灯效果
-
window安装ffmpeg-concat出现的坑和解决办法
最后还是选择了fluent-ffmpeg,没特效就没特效吧。最起码有声音吗。 ffmpeg-contact也可以有声音,但是需要先提取出来再合并进去,不知道能不能有效同步,果断放弃。
-
v-model里使用过滤器
档所述过滤器只能用在v-bind指令和{{}}表达式中,v-model中使用过滤器是一种思维误区。 因为v-model里实现数据显示和存储格式的转换应该是双向的。如下例:
-
vue 自定义验证规则rule只能为数字
vue 自定义验证规则rule只能为数字