一、JS动画(setInterval setTimeOut requestAnimationFrame) 优点: 1)过程控制能力强。可以对动画工程进行精准的控制,暂停、取消、开始、终止都可以。 2)动画效果多、炫酷。有一些效果是CSS动画所不能实现的 3)兼容性比较高 缺点: 1)由于JS是通过不 ...
分类:
Web程序 时间:
2019-09-22 15:17:50
阅读次数:
112
<script> const setTimeoutToPromise = duration => new Promise(resolve => { setTimeout(resolve, duration) }) export default { data() { return { mysrc: t... ...
分类:
其他好文 时间:
2019-09-19 23:43:56
阅读次数:
92
Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。 那就new一个 var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(fu ...
分类:
其他好文 时间:
2019-09-17 17:21:45
阅读次数:
75
调度:setTimeout和setInterval 调度:setTimeout和setInterval 我们可能决定不立即执行某个功能,但在某个时间之后执行。这叫做“安排一个电话”。 它有两种方法: setTimeout 允许我们在一段时间后运行一次函数。 setInterval 允许我们重复运行一 ...
分类:
其他好文 时间:
2019-09-12 18:22:17
阅读次数:
129
一道经典的前端笔试题,你能一眼写出他们的执行结果吗? ...
分类:
其他好文 时间:
2019-09-08 17:56:49
阅读次数:
72
setInterval()定时器 1,setInterval()方法重复调用一个函数,每隔这个时间,就去调用一次回调函数 2,第一次执行也是间隔毫秒之后执行,之后每隔毫秒数就执行一次。 3,setTimeout 延时时间到了,就去调用这个回调函数,只调用一次就结束了这个定时器 setInterval ...
分类:
其他好文 时间:
2019-09-08 16:45:18
阅读次数:
70
问题: 父组件调用子组件: 其中的formList数据是用ajax调用的,数据比较大,应该有些延迟 子组件的created中调用props时,输出的是默认数据: 输出: 解决方法: 第一种:加上 v-if 来判断数据是佛加载完成了,加载完了再渲染: 第二种:用 setTimeout 来做延迟,但这样 ...
分类:
其他好文 时间:
2019-09-04 18:48:54
阅读次数:
92
1、多图表resize事件去中心化 1.1 一般情况 有时候我们会遇到这样的场景,一个组件中有几个图表,在浏览器resize的时候我们希望图表也进行resize,因此我们会在父容器组件中写: mounted() { setTimeout(() => window.onresize = () => { ...
分类:
其他好文 时间:
2019-09-04 00:29:49
阅读次数:
82
最近笔者在开发的过程中,因为需要对页面进行动态渲染,又不想一直刷新页面数据,而是让浏览器根据客户需要动态对渲染数据,这个时候就用到了setInterval这个函数,可是这个函数和setTimeout()相比又有什么区别呢?我们知道:setTimeout()是绑定在浏览器window的一个方法,可以通过这个方法指定一段代码或者函数在多少毫秒(ms)后执行,并返回该定时器的编号,当然了我们可以通过cl
分类:
其他好文 时间:
2019-09-02 09:47:41
阅读次数:
126
JavaScript 里面有两个定时器:setTimeout() 和 setInterval() 。 区别: setTimeout():相当于一个定时炸弹,隔一段时间执行,并且只会执行一次就不在执行了。 setInterval(): 相当于一个闹钟,隔一段时间执行,并且会重复执行。 一、setTim ...
分类:
编程语言 时间:
2019-09-01 12:57:01
阅读次数:
91