<!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结合使用
-
javascript 进制转换(2进制、8进制、10进制、16进制之间的转换)
进制转换,2进制,8进制,10进制,16进制之间的转换
-
百万条数据快速查询优化技巧
百万条数据快速查询优化技巧参考 我为Net狂 所以的优化并不是绝对,具体得根据业务实际情况
-
NodeJS做一个小爬虫出现乱码问题
目标站点的编码是:GBK的,用NodeJS爬取的时候,出现乱码的情况?
-
安装bcrypt,node-sass报错node-gyp rebuild解决方法
npm install bcrypt,node-sass –save引起了让人很烦恼的错误,整个人心情都不好了。下边是个人的解决方法:
-
利用bugly热更新和美团walle多渠道打包
利用bugly热更新和美团walle多渠道打包
-
HTTP代理协议 HTTP/1.1的CONNECT方法
我们平时使用HTTP协议无非就是GET、POST这些方法,但是HTTP的内容远不止那些。今天就来说说HTTP代理使用的CONNECT。这个不是在网页开发上用的,如果没兴趣就跳过吧。
-
iOS wkwebkit 播放HTML5 视频 全屏问题解决
使用html5 的video标签播放视频的时候,限制视频的尺寸,在android上是没有问题的,但是在ios上发现,视频没有开始播放的时候还是好的,但是一旦播放开是,就会全屏,非常奇怪。
-
centos7下yum安装ffmpeg
安装EPEL Release,因为安装需要使用其他的repo源,所以需要EPEL支持 yum install -y epel-release
-
前端性能监控:window.performance
Web Performance API允许网页访问某些函数来测量网页和Web应用程序的性能,包括 Navigation Timing API和高分辨率时间数据。
-
前端性能监控:window.performance
Web Performance API允许网页访问某些函数来测量网页和Web应用程序的性能,包括 Navigation Timing API和高分辨率时间数据。