<!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结合使用
-
vue多入口配置输出到不同的目录
button下的index.jsx编译为当前目录下的index.js grid下的index.jsx编译为当前目录下的index.js
-
linux磁盘爆满查询哪些文件占用了
linux排查大文件以及很多小文件占用了磁盘内存
-
监控 MongoDB -
随着MongoDB中保存的数据越来越多,对MongoDB服务状态的监控也越来越重要,经常关注服务是否健康,才能防止故障以及优化。
-
MongoDB启动异常 down with code 报错 及 正确的关闭方法
我的删除diagnostic.data,就好了
-
正确的关闭mogodb服务
可以用kill,但绝不能用kill -9
-
MongoDb web 用户界面
MongoDB 的 Web 界面访问端口比服务的端口多1000。 如果你的MongoDB运行端口使用默认的27017,你可以在端口号为28017访问web用户界面,即地址为:http://localhost:28017。
-
Xcode两种引入图片的方法
如果是纯代码,图片名需要手动添加@2x,@3x等倍数标识,且需要指明后缀.png,.jpg;IB添加图片的话只需要指明后缀就好,不用添加倍数标识。
-
ios .h与.m问价的区别以及import的区别
我觉得最大的区别就是写在.m中可以有效减少交叉引用。
-
iOS 更改状态栏、导航栏颜色,电池颜色
注意事项,两种方法设置View controller-based status bar appearance 的值不一样,并且如果你的plist里面没有View controller-based status bar appearance,你需要新建一个。然后就可以成功了。
-
tabbar颜色与文字大小,状态栏样式
通过UITabBarController,设置颜色,大小,状态栏