前言 经过两天的思考终于在这个问题上算是告一段落,于是写下这篇文章希望有缘人能够指点一二。 起因 闲来无事用原生js写了个静态的轮播图,想要用css给图片元素添加上transition:opacity动画实现淡入淡出的效果,结果发现动画没有触发。 网上搜索一番用内联样式解决了问题,于是认为是图片上d ...
分类:
其他好文 时间:
2021-05-25 18:23:15
阅读次数:
0
一、关于promise 1. 处理异步操作 2. 是一个构造函数,可实例化 3. 支持链式调用,解决回调地狱问题 二、 promise初使用 const p = new Promise((resolve,reject) => { setTimeout(()=>{ let n = rand(1,100 ...
分类:
其他好文 时间:
2021-05-24 15:29:20
阅读次数:
0
开始之前我们先看一个例子 代码如下: 注意,这个 alert 方法是放在 setTimeout 被延迟了 2S 才执行 渲染出来的页面是这样的: 一开始,当我们点击 Alert 按钮,然后猛点那个点赞按钮,你觉得最后的弹框会提示你点击了几次? 1次,还是多次? 答案是1次 可以看见,按钮上显示的点击 ...
分类:
其他好文 时间:
2021-05-24 09:40:31
阅读次数:
0
目前所接触的UI动画效果有三种制作方法: 1. Animator:直接挂在组件上, controller里控制动画的播放。 由Animation, Controller组成, 动画之间的transition可以用代码控制(在箭头上加一个trigger,代码控制开关就ok了) 2. Timeline: ...
分类:
其他好文 时间:
2021-05-24 04:49:26
阅读次数:
0
自定义封装多个回调函数的执行 <script src="./Promise.js"></script> let p = new Promise((resolve, reject) => { setTimeout(() => { resolve('ok'); }, 1000) }) p.then(re ...
分类:
其他好文 时间:
2021-05-23 23:46:05
阅读次数:
0
transition簡寫屬性:transition-property transition-duration transition-timing-function transition-delay transition-property: 用于设置那个值需要过度,初始值是关键字 all,表示所有属性 ...
分类:
Web程序 时间:
2021-05-23 23:01:05
阅读次数:
0
相当于sleep 1秒 setTimeout(function () { console.log('我被调用了'); setTimeout(arguments.callee, 1000); }, 1000); 相当于sleep 1秒 【程序不会挂住,直接运行接下来的代码】 setInterval(f ...
分类:
编程语言 时间:
2021-05-04 15:35:41
阅读次数:
0
在js中,使用setTimeout函数来延时处理逻辑,参数格式不正确时,延时效果无效 ex:function delay(){// doing something} setTimeout(delay(),5000); // 这个时候delay函数会立即执行,延时效果无效 应该改为:setTimeou ...
分类:
其他好文 时间:
2021-04-26 13:57:51
阅读次数:
0
鼠标移动到div块时,用CSS实现旋转 实现代码: <body> <div> </div> </body> <style> div { width:200px; height:200px; background-color:pink; margin:100px auto; transition:al ...
分类:
Web程序 时间:
2021-04-26 13:06:28
阅读次数:
0
注意点:使用函数封装Promise对象(可能是几个);定义执行封装Promise对象的函数的方法,使用async和await语法。 function test1() { return new Promise( (resolve,reject) => { setTimeout( () => { con ...
分类:
其他好文 时间:
2021-04-21 12:39:56
阅读次数:
0