<!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结合使用
-
SQL SELECT DISTINCT 语句
如需从 Company" 列中仅选取唯一不同的值，我们需要使用 SELECT DISTINCT 语句：
-
Android用SoundPool播放音效
SoundPool可以用来播放一些较短的音效，如一些信息提醒之类的
-
Android中的TextView超过n行显示省略号
在TextView中添加这两个属性的设置即可(显示n行，超过n行，用省略号代替) 例如：n = 3时，设置如下：
-
将List中的实体按照某个字段进行分组的算法
根据key或者value对java中的list进行分组
-
java list随机抽取元素
从list中随机抽取元素
-
TraceView报错：unable to open trace file
程序效率有些问题，想起用TraceView来分析一下，可是一直报标题中的错误，无法创建出我所需要的aa.trace文件，分析也就无从做起。
-
自定义工具类，获取当前时间到第二天的零点、下个月1号零点的时间差（s）:
自定义工具类，获取当前时间到第二天的零点、下个月1号零点的时间差（s）:
-
MySQL的if，case语句使用总结
Mysql的if既可以作为表达式用，也可在存储过程中作为流程控制语句使用，如下是做为表达式使用：
-
Map读取键值对，Java遍历Map的两种实现方法
第一种方法是根据map的keyset（）方法来获取key的set集合，然后遍历map取得value的值
-
layer-list -- layer-list的基本使用介绍
简单理解，layer 是层，list 是列表，那么 layer-list 就是层列表的意思。但是，是什么层列表呢？？ 其实 layer-list 是用来创建 LayerDrawable 的，LayerDrawable 是 DrawableResource 的一种， 所以，layer-list 创建出来的是 图层列表，也就是一个drawable 图形。