<!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结合使用
-
Maximum execution time of 30 seconds exceeded (which lead to: SQLSTATE[3D000]
I tried to install matomo (first time) and get after click "Next"-Button in welcome screen for step 2 (system check) this error:
-
PHP中报500错误时如何查看错误信息
ini_set("display_errors","On"); error_reporting(E_ALL);
-
non-passive event listener 解决
在vue项目中解决Chrome控制台non-passive event listener输出问题
-
阿里云不同账号如何进行内网互通
具体配置,你可以搜索云企业网,云企业管理平台,在阿里云上搜索。
-
Laravel Redis的使用教程
laravel中使用redis首先需要你通过 Composer 安装 predis/predis 包:
-
echarts标题(title)配置
show:true,//显示策略,默认值true,可选为:true(显示) | false(隐藏) text: '主标题',//主标题文本,'\n'指定换行 link:'',//主标题文本超链接,默认值true target: null,//指定窗口打开主标题超链接,支持'self' | 'blank',不指定等同为'blank'(新窗口) subtext: '副标题',//副标题文本,'\n'指定换行 sublink: '',//副标题文本超链接
-
laravel所有清空缓存命令并在代码中调用
这些编译好了的视图缓存。
-
yarn和npm命令对比
npm 与 yarn命令比较
-
Property or method "toJSON" is not defined on the instance but referenced during render.
其实这并不是一个错误,这是一个提醒,网上又很多也遇到这样问题的,但并不是和我的一样。
-
clipboard复制成功但是粘贴板是空的
将文本复制到剪贴板应该不难。配置它不需要几十个步骤,也不需要加载数百KB的js文件 。但最重要的是,它不应该依赖Flash或任何臃肿的框架。这就是clipboard.js存在的原因。