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

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

原生 JS 实现帧动画库

                
                ustbhuangyi
            Web前端工程师

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

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

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

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

全部评论问答未解决精华

nextTick.interval

最赞回答 / 慕_男神

仔细看 timeline.animationHandler = requestAnimationFrame(nextTick);这句nextTick作为回调函数传到之前定义的requestAnimationFrame函数中，在requestAnimationFrame函数中，当浏览器不支持requestAnimationFrame时，会返回下面这句return window.setTimeout(callback, callback.interval || DEFAULT_INTERVAL);其中call...

2 回答 853 浏览 2-5 timeline的实现

2016-09-22

Animation.prototype是什么不懂求解

已采纳回答 / Justin_Hu

这里涉及JavaScript构造函数和原型的知识，建议阅读《JavaScript高级程序设计》这本教材（构造函数和原型在第六章），建议耐心阅读，可以提升对JavaScript的理解

2 回答 1739 浏览 2-1 接口定义

2016-09-16

老师，能提供下图片素材嚒？

最新回答 / 北鸟南游

https://github.com/ustbhuangyi/animation/tree/gh-pages/images 这里面有啊

1 回答 787 浏览 2-3 图片预加载的应用

2016-09-12

怎么将动画所有关键帧绘制到一个图片里

已采纳回答 / cathello

使用PS 做一个透明背景的图片，然后把每个关键帧，复制到这个图片中就ok了

1 回答 1685 浏览 1-1 认识帧动画

2016-09-03

var item =image[keys]; 1 item = image[keys] ={ 2 第2个item是重新定义的一个item对象吗和上边的item有关系吗 src ;item; //这里的item和上边的item代表的是不是同一个值啊 3 }

最新回答 / 不生则死

有关系

1 回答 811 浏览 2-2 图片预加载实现

2016-08-27

原生 JS 实现帧动画库这课程的源码在哪里？

已采纳回答 / 不生则死

https://github.com/ustbhuangyi/animation

1 回答 1475 浏览 2-4 从入口函数开始

2016-08-26

看看这个问题，不知道哪里错了

已采纳回答 / 刘洪光

是'url(' + imgUrl + ')'，这是一个字符串前一个引号里面是'url(',后一个是')',然后用加号把imgUrl连接

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

2016-08-20

动画没有运行

最新回答 / qq_若谷_1

啊，不知这时候来答晚不晚，刚试做，也遇到同样问题了，后来发现是在x，y数组之间缺了一个空格，<...图片...>

4 回答 878 浏览 1-1 认识帧动画

2016-08-18

怎么没有下载连接呀

最新回答 / Russian_Achilles

这个没有,要自己对着视频敲

1 回答 237 浏览 2-2 图片预加载实现

2016-08-13

var positions=['0 -854','-174 -852','-349 -852','-524 -852','-698 -852','-873 -848'];这些位置市那么得到的？

已采纳回答 / 风之伤水之痕

这些数值其实是ui设计师制作图片时定的每一帧图片的位置，可以在ps中去量取，是ui设计师给你的。不过网上也有些工具可以读取雪碧图的位置，你可以百度一下

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

2016-08-11

图片类问题，关于源码

最新回答 / abcd而非abc

谢谢，我没想到会这么快的回答我，十分感谢！

2 回答 858 浏览 2-1 接口定义

2016-08-10

课程中用到的背景图是用什么工具生成的？

+ 我来回答回答最高可+2积分

0 回答 466 浏览

2016-08-08

var position= positions[index].split(' ');这句活报错。

讲师回答 / ustbhuangyi

请贴上完整的demo地址，提问方式可以参考http://www.imooc.com/qadetail/142900

4 回答 2317 浏览 1-1 认识帧动画

2016-07-27

执行到某一段代码，然后加return;这个return;是神马意思呢，，返回神马还是怎样？

讲师回答 / ustbhuangyi

一个函数至于要return什么，是看函数本身的功能。从函数中间执行return表示函数后面的逻辑没必要执行了，直接返回。

2 回答 386 浏览 3-2 demo的完整实现

2016-07-22

缺少对象-在IE7 IE8中

已采纳回答 / ustbhuangyi

这类问题请带上可以公网访问的链接，可参考这个问题的提问方式http://www.imooc.com/qadetail/142900

1 回答 1712 浏览 3-2 demo的完整实现

2016-07-21

首页上一页 2 3 4 5 6 7 8 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号

友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消