小案例
helloFE
这个作者很懒,什么都没留下…
展开
-
微信小程序实现九宫格抽奖动画
由于工作需求需要在微信小程序实现九宫格抽奖动画,第一反应是想通过定时器setData去切换高亮的奖品,但是频繁setData必定导致小程序卡顿,也可能会出现兼容性问题,其次,定时器setData不方便实现先快后慢的动画效果,于是改用Tween.js动画库实现 效果如下: 代码: .wxml: <wxs module="handle"> var Tween = { ...原创 2020-05-06 18:14:20 · 2032 阅读 · 1 评论 -
用canvas实现简易的雪花飘落效果
需求: 用canvas实现一个简易的雪花飘落的效果 思路: 利用视觉短暂停留的原理,通过requestAnimationFrame() 每秒60次刷新屏幕,每次刷新都改变雪花的位置,从而构成雪花在移动的 错觉 上代码! HTML <canvasid="canvas"width="100"height="100"></canvas> JS co...原创 2020-01-22 16:01:31 · 809 阅读 · 0 评论 -
Cannot read property 'style' of undefined at HTMLLIElement.lis.(anonymous function).onclick
想做一个点击隐藏li标签的简单案例,但是报错Cannot read property 'style' of undefined at HTMLLIElement.lis.(anonymous function).onclick 一般这种错误都是因为‘style’前面的元素找不到,可以打印一下,发现是undefined,只要将lis[i]替换为this就可以了,this指当前元素原创 2018-01-24 14:40:34 · 6828 阅读 · 1 评论