原生 JS 实现帧动画库_技术问答

首页免费课原生 JS 实现帧动画库问答

原生 JS 实现帧动画库

                
                ustbhuangyi
            Web前端工程师

                    查看讲师更多课程 
                    ustbhuangyi讲师的其他课程
                
Vue.js 源码深入解析 深入理解Vue实现原理
实战·高级·4974

                                                                                                                                    ￥149.00
                                            
下一代前端开发语言 TypeScript从零重构axios
实战·中级·2618

                                                                                                                                    ￥119.00
                                            
Vue3开发企业级音乐Web App 明星讲师带你学大厂代码
实战·高级·2223

                                                                                                                                    ￥448.00
                                            
                难度中级
            
                时长 2小时52分
            
                学习人数
            
综合评分9.53
                            56人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

000339043

我想说：做个动画，真的要这么复杂么。。

1 2-5 timeline的实现

2016-06-22

000339043

一脸懵逼。

0 2-5 timeline的实现

2016-06-22

fudapeng

求源码!!!

2 2-4 从入口函数开始

2016-06-22

专注前端的全栈

方法、思路讲的很好，但是我的水平不太够，听着有些地方一脸懵逼o(╯□╰)o

0 2-2 图片预加载实现

2016-06-22

000339043

这真的是中级么，晕了

1 2-2 图片预加载实现

2016-06-21

JoeWhyHow

我只想说老师声音很性感。

2 1-2 设计通用帧动画库

2016-06-21

极客教程

厉害...................

0 3-3 课程总结

2016-06-21

mimaolu

比较好奇不管图片是否加载完成 img对象已经创建了
没有加载完成的img对象之后还有用吗？

0 2-2 图片预加载实现

2016-06-20

ustbhuangyi

@jsweber，可以加我私下讨论，或者问答区开问题都可以~

2016-06-20

jsweber

我不知道老师有没有我上面说的bug问题（也可能是我自己哪里写的和你不一样所致），我的解决方法是var index = Math.min(time / self.interval | 0,len) - 1，这样就可以了，看很多朋友说没有源代码，我把自己写的代码分享一下，可能也有bug，大家一起学习吧https://github.com/jsweber/animation

1 3-1 webpack打包和demo编写

2016-06-20

jsweber

这里有一个bug，当帧动画重复执行了时，第二遍开始，其实第一帧就执行不到了，因为
if(nowTime - prevTime >= timeline.interval){
timeline.onenterframe(nowTime - starttime);
prevTime = nowTime;
}当执行到判断里时nowTime永远是大于timeline.interval的，所以Math.min(time / self.interval | 0,len-1)取到的值是从1开始的，没有第0帧的重复执行，重复执行时永远是从1开始的，

1 3-1 webpack打包和demo编写

2016-06-20

jsweber

很多变量其实不用申明吧，比如同步执行_syncTask里的next方法，直接在taskFn(me._next)就行了吧

0 2-7 剩余接口实现(下)

2016-06-19

慕姐4966517

谢谢老师~

0 3-3 课程总结

2016-06-19

慕姐4966517

第一遍蒙蔽，决定再看几遍，跟着敲10遍！

16 2-2 图片预加载实现

2016-06-19

jsweber

这里的if判断还是不是很多都是冗余的

0 2-5 timeline的实现

2016-06-19

首页上一页 14 15 16 17 18 19 20 下一页尾页

开始学习

课程须知: 1、对前端基础知识已经掌握（html、js、css） 2、对前端面向对象编程有一定了解

老师告诉你能学到什么？: 1、什么是帧动画及网页中常见的几种帧动画方式 2、原生 JS 实现帧动画的原理 3、如何设计一个通用的帧动画解决方案 4、了解类似 promise的设计思想（异步任务链式调用） 5、面向对象的开发方式和模块化开发思想 6、如何实现图片预加载模块

微信扫码，参与3人拼团

热搜

最近搜索清空

原生 JS 实现帧动画库