亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

首頁免費課原生 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 回答 854 瀏覽 2-5 timeline的實現

2016-09-22

Animation.prototype是什么不懂求解

已采納回答 / Justin_Hu

這里涉及JavaScript構造函數和原型的知識，建議閱讀《JavaScript高級程序設計》這本教材（構造函數和原型在第六章），建議耐心閱讀，可以提升對JavaScript的理解

2 回答 1740 瀏覽 2-1 接口定義

2016-09-16

老師，能提供下圖片素材嚒？

最新回答 / 北鳥南游

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

1 回答 788 瀏覽 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 回答 813 瀏覽 2-2 圖片預加載實現

2016-08-27

原生 JS 實現幀動畫庫這課程的源碼在哪里？

已采納回答 / 不生則死

https://github.com/ustbhuangyi/animation

1 回答 1475 瀏覽 2-4 從入口函數開始

2016-08-26

看看這個問題，不知道哪里錯了

已采納回答 / 劉洪光

是'url(' + imgUrl + ')'，這是一個字符串前一個引號里面是'url(',后一個是')',然后用加號把imgUrl連接

2 回答 1510 瀏覽 1-1 認識幀動畫

2016-08-20

動畫沒有運行

最新回答 / qq_若谷_1

啊，不知這時候來答晚不晚，剛試做，也遇到同樣問題了，后來發現是在x，y數組之間缺了一個空格，<...圖片...>

4 回答 878 瀏覽 1-1 認識幀動畫

2016-08-18

怎么沒有下載連接呀

最新回答 / Russian_Achilles

這個沒有,要自己對著視頻敲

1 回答 239 瀏覽 2-2 圖片預加載實現

2016-08-13

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

已采納回答 / 風之傷水之痕

這些數值其實是ui設計師制作圖片時定的每一幀圖片的位置，可以在ps中去量取，是ui設計師給你的。不過網上也有些工具可以讀取雪碧圖的位置，你可以百度一下

1 回答 1493 瀏覽 1-2 設計通用幀動畫庫

2016-08-11

圖片類問題，關于源碼

最新回答 / abcd而非abc

謝謝，我沒想到會這么快的回答我，十分感謝！

2 回答 859 瀏覽 2-1 接口定義

2016-08-10

課程中用到的背景圖是用什么工具生成的？

+ 我來回答回答最高可+2積分

0 回答 467 瀏覽

2016-08-08

var position= positions[index].split(' ');這句活報錯。

講師回答 / ustbhuangyi

請貼上完整的demo地址，提問方式可以參考http://www.xianlaiwan.cn/qadetail/142900

4 回答 2320 瀏覽 1-1 認識幀動畫

2016-07-27

執行到某一段代碼，然后加return;這個return;是神馬意思呢，，返回神馬還是怎樣？

講師回答 / ustbhuangyi

一個函數至于要return什么，是看函數本身的功能。從函數中間執行return表示函數后面的邏輯沒必要執行了，直接返回。

2 回答 387 瀏覽 3-2 demo的完整實現

2016-07-22

缺少對象-在IE7 IE8中

已采納回答 / ustbhuangyi

這類問題請帶上可以公網訪問的鏈接，可參考這個問題的提問方式http://www.xianlaiwan.cn/qadetail/142900

1 回答 1713 瀏覽 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

提交

取消