有时候没动画 有几次使用vue+animate.css竟然无法做出动画, 原因是vue的动画播放只在v if或v show切换显示/隐藏对象时才会触发. 推荐还是可以自己写过渡动画, 方法如下: html ` hello ` css `.fade enter active, .fade leave ...
分类:
其他好文 时间:
2020-05-18 16:33:12
阅读次数:
452
1 target端如何进入CLEANUP_WAIT状态的 - target: One or more of the following events caused this transition: a) Internal event that indicates that a transport c ...
分类:
其他好文 时间:
2020-05-18 15:55:20
阅读次数:
65
<script> var num=1; var timer=null; var max=10; function inCreamentNum(){ console.log(num); num++ if (num<=max) { setTimeout(b,1000) }else { clearTime ...
分类:
其他好文 时间:
2020-05-16 23:37:13
阅读次数:
119
过渡效果(Transition)插件提供了简单的过渡效果。 Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类。它被其他插件用来检查 CSS 过渡效果支持,并用来获取过渡效果。 使用案例 过渡效果(Transition)插件的使用案例: 具有幻灯 ...
分类:
其他好文 时间:
2020-05-16 14:02:25
阅读次数:
77
Vue动画 使用过度类名实现动画 1. 将要使用过度动画的标签用transition包裹 2. 定义两组样式 自定义样式前缀 可以在transition标签中用name来指定对应的样式前缀 这样做的话,在定义动画时也要用my作为前缀 使用第三方类库实现动画 Animate.css 在transiti ...
分类:
其他好文 时间:
2020-05-16 00:13:43
阅读次数:
73
旋转圆形图片: .pic:hover{ transform: rotate(360deg); transition: all 1.5s ease ; } .pic{ border-radius: 500px; border: solid #dddfdc; } 鼠标放置完全显示: .ganying:h ...
分类:
Web程序 时间:
2020-05-15 21:50:42
阅读次数:
214
JS里面settimeout可以传一个时间参数,表示延迟多长时间之后立即执行。 当然这个时间并不能精确,只能尽力而为: 例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c ...
分类:
Web程序 时间:
2020-05-15 13:41:32
阅读次数:
64
Promise 作为一种异步解决方案,一开始在社区流行,后面加入到 ES6 标准,成了“真香库”中不可或缺的成员。 这里实现一个自定义的Promise,通过一个异步回调和测试函数来测试最终的效果,暂未实现错误捕获: const inform = (res) => setTimeout(res, 10 ...
分类:
其他好文 时间:
2020-05-12 20:19:05
阅读次数:
112
~~~ js //定义一个延时方法 let wait = ms = new Promise(resolve = setTimeout(resolve, ms)); //调用(每秒循环一次) for (let i = 0; i < 60; i++){ await wait(1000) ... } ~~ ...
分类:
Web程序 时间:
2020-05-12 09:30:56
阅读次数:
199
定时器的作用: 开启定时器: setInterval 间隔型 setTimeout 延时型 两种定时器的区别 <script> function show(){ console.log(1) } setInterval(show,1000)//会无限的执行 </script> <script> fu ...
分类:
编程语言 时间:
2020-05-11 13:03:35
阅读次数:
57