一丶jq/zepto animate()方法 可以细化操作，回调方法，但是在移动端（安卓）卡顿 二丶css3 animation 可以用@keyframes细化过渡效果，没有回调操作，只能监控animation/transition是否已完成。 三丶transform 过渡top/left 导致重绘 ...
分类：
移动开发 时间：
2020-04-30 23:24:21
阅读次数：
92
// 存在异步问题let fn = () => { let name = '张三'; setTimeout(() => { return name; }, 1000);}console.log(fn()); // undefined// 第一种 回调函数let fnCallback = (callb ...
分类：
Web程序 时间：
2020-04-30 19:35:14
阅读次数：
73
想要开发一个,可进行配置奖品的大转盘抽奖活动:如下图: 要求: 转盘底图可配置,相对应的奖品也能够配置 开发思路: 可以把转盘开发成一个组件,所有参数皆是可配置的,做成组件具有公用型 通过 transform的rotate旋转 以及 transition过渡来实现动画 确定旋转实现的原理,不想能像表 ...
分类：
其他好文 时间：
2020-04-30 15:51:41
阅读次数：
197
<script> var t = null t = setTimeout(time,1000)//开始运行 function time(){ clearTimeout(t)//清除定时器 dt = new Date() var y = dt.getFullYear() var m = dt.getM ...
分类：
Web程序 时间：
2020-04-29 12:28:27
阅读次数：
52
问题7 输入停止后上面的值才会发生变化 用了一个setTimeout 问题8 我们需要两个属性，秒杀开始时间，秒杀结束时间 moment是对时间做格式化的一个库 修改开始时间和结束时间 可以点击立即购买 参加过就不能再点击了。 这个组件主要的难点就是我们如何做时间的校验，因为我们做时间计时，是取的用 ...
分类：
其他好文 时间：
2020-04-28 23:22:20
阅读次数：
80
Async/Await 版本 function sleep(delay) { return new Promise(reslove => { setTimeout(reslove, delay) }) } !async function test() { const t1 = +new Date() ...
分类：
其他好文 时间：
2020-04-28 00:49:43
阅读次数：
63
实现原理 关键属性 border-radius（画圆） transform（scale放大） transition（平滑过渡）获取鼠标位置，动态态画圆，延时放大，完成后移除元素 css 部分 按钮样式 .btn { width: 200px; height: 56px; line-height: 5 ...
分类：
其他好文 时间：
2020-04-27 17:29:41
阅读次数：
53
setTimeout setInterval 简单地说setTimeout()指在指定时间后执行一次指定函数，setInterval()指每隔一段所指定的时间执行一次指定函数， 两个方法都称为定时器，不是ECMAScript的内容，而是属于BOM setTimeout MDN语法 https://d ...
分类：
编程语言 时间：
2020-04-23 13:50:43
阅读次数：
75
自动简历 项目介绍 一个可以自动播放书写过程简历，主要运用原生JS和CSS3的知识点。 用到的库： prism marked 相关链接 预览点我 源码点我 设计过程 基本思想—动起来 想办法让文字逐个出现在页面中 setTimeout(()=>{ document.body.innerHTML='1 ...
分类：
其他好文 时间：
2020-04-23 12:15:31
阅读次数：
63
是基本的动态组件，所以我们可以用 组件给它添加一些过渡效果： Transition 的所有功能 在这里同样适用。单个路由的过渡上面的用法会给所有路由设置一样的过渡效果，如果你想让每个路由组件有各自的过渡效果，可以在各路由组件内使用 并设置不同的 name。const Foo = { template... ...
分类：
其他好文 时间：
2020-04-22 09:49:36
阅读次数：
78
