原生 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
                                逻辑清晰

全部评论问答未解决精华

kad0108

回答楼下疑问，hasOwnProperty方法无法检查该对象的原型链中是否具有该属性，所以image.hasOwnProperty(key)拿到的只是对象构造函数中本身的成员，!image.hasOwnProperty(key)拿到的就是对象原型链上的属性，这时候执行continue就相当于过滤掉prototype上的属性了。
ps.老师用的是什么编辑器啊，怎么看着有点像Android Studio

5 2-2 图片预加载实现

2016-07-08

豆瓣儿小朋友

过滤prototype上的属性那一段不是很理解，求大神解释一下啊

0 2-2 图片预加载实现

2016-07-08

微积分2016

关键还得会ps，才能做出这么多帧图片

3 1-1 认识帧动画

2016-07-08

同步和异步任务的区别

已采纳回答 / ustbhuangyi

首先，要理解JS是单线程的。也就是说，在一次Event Loop中，会同步执行完所有JS代码。同步任务是在一次Event Loop中执行的JS代码，去完成相应的“任务”。异步任务不是一次Event Loop可以做完的，通常JS有几种方式实现异步，如异步ajax请求，setTimeout，requestAnimationFrame等。动画库这个案例中，我们引入了“任务链”这个概念，把一些同步异步的“任务”添加到任务链上。所有通过timeline创建的动画都是异步任务，因为它底层用到了requestAnima...

2 回答 1605 浏览 1-2 设计通用帧动画库

2016-07-08

东城子夜

期待更多的实战内容，先评论再看，应该不错！！！

2016-07-07

后居上

评论越来越少了，后面越来越难了！

1 2-3 图片预加载的应用

2016-07-07

159632jun

为什么不直接在prototype里边定义一个对象，这样少写好多代码

0 2-3 图片预加载的应用

2016-07-06

老师，这个需求分析和编程接口的设计是一开始都想全了的吗

讲师回答 / ustbhuangyi

其实这个帧动画库我在百度工作的时候，从一个实际项目需求里抽象出来的。因为我们有大量帧动画的需求，但又不想为每个需求去编写那些重复的代码，所以就想抽象一个通用的帧动画库，方便开发。当时设计接口的时候一个很重要的原则，就是怎么让人用起来爽，就定了链式调用这种方式。后来也发现这种设计和promise的一些设计思想不谋而合。一开始设计的时候就考虑到大部分接口了，比如loadImage，changePosition，changeSrc，then，repeat，repeatForever，enterFrame，sta...

3 回答 1019 浏览 1-2 设计通用帧动画库

2016-07-05

荔枝小时

课挺好的，给了一个设计库的开发思路，但是对于新手来说，我只能先照着敲代码

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

2016-07-05

手机用户曾小乱

能不能解决声音和画面不同步的问题？

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

2016-07-05

可以用setInterval?

讲师回答 / ustbhuangyi

首先，要理解JS的执行是单线程的，在一轮Event Loop的时候，会执行所有同步JS代码。setInterval的运行机制是，将指定的代码移出本次执行，等到下一轮Event Loop时，再检查是否到了指定时间。如果到了，就执行对应的代码；如果不到，就等到再下一轮Event Loop时重新判断。这意味着，setTimeout指定的代码，必须等到本次执行的所有代码都执行完，才会执行。每一轮Event Loop时，都会将“任务队列”中需要执行的任务，一次执行完。setTimeout和setInterval都是...

2 回答 865 浏览 1-1 认识帧动画

2016-07-04

荔枝小时

这课听起来真是有点吃力啊！！！！！

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

2016-07-04

荔枝小时

函数中如果还有函数的话，要调用一下才能够出来

0 1-1 认识帧动画

2016-07-04