課程
/前端開發
/JavaScript
/原生 JS 實現幀動畫庫
我特想知道,這個需求分析和編程接口的設計師在一開始就都已經想全了的嗎,我自己一開始就沒有辦法想好?
2016-07-05
源自:原生 JS 實現幀動畫庫 1-2
正在回答
其實這個幀動畫庫我在百度工作的時候,從一個實際項目需求里抽象出來的。因為我們有大量幀動畫的需求,但又不想為每個需求去編寫那些重復的代碼,所以就想抽象一個通用的幀動畫庫,方便開發。當時設計接口的時候一個很重要的原則,就是怎么讓人用起來爽,就定了鏈式調用這種方式。后來也發現這種設計和promise的一些設計思想不謀而合。一開始設計的時候就考慮到大部分接口了,比如loadImage,changePosition,changeSrc,then,repeat,repeatForever,enterFrame,start,dispose。隨著項目的一些需求變化,比如需要2組幀動畫,幀動畫間需要有等待時間,就設計了wait接口。后來又需要能外部操作幀動畫的暫停和繼續播放,又設計了pause和restart接口。
更多的是學到一種編程思想,給老師點個贊
非常感謝老師,老師的這節課,打開了不一樣的思路!?。?!
舉報
了解如何用原生JS實現酷炫的幀動畫,吸引他她的注意
2 回答看了這,迫切想知道如何提高我的JS編程能力
1 回答var item =image[keys]; 1 item = image[keys] ={ 2 第2個item是重新定義的一個item對象嗎和上邊的item有關系嗎 src ;item; //這里的item和上邊的item代表的是不是同一個值啊 3 }
1 回答5分34秒講的編輯器是什么?
1 回答用webpack生成了build/animation.js,那是不是原來src下面的是三個js文件都可以不要了,之后如果運行時build/animation.js報錯,也可以直接修改build/animation.js?
1 回答老師,如果webpack.config.js的output配置中不加library和libraryTarget屬性,那正常html引入build下的js文件后如何調用animation啊,那兩個屬性是為了在window對象中添加animation嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-05
其實這個幀動畫庫我在百度工作的時候,從一個實際項目需求里抽象出來的。因為我們有大量幀動畫的需求,但又不想為每個需求去編寫那些重復的代碼,所以就想抽象一個通用的幀動畫庫,方便開發。
當時設計接口的時候一個很重要的原則,就是怎么讓人用起來爽,就定了鏈式調用這種方式。后來也發現這種設計和promise的一些設計思想不謀而合。
一開始設計的時候就考慮到大部分接口了,比如loadImage,changePosition,changeSrc,then,repeat,repeatForever,enterFrame,start,dispose。
隨著項目的一些需求變化,比如需要2組幀動畫,幀動畫間需要有等待時間,就設計了wait接口。后來又需要能外部操作幀動畫的暫停和繼續播放,又設計了pause和restart接口。
2018-03-26
更多的是學到一種編程思想,給老師點個贊
2016-07-06
非常感謝老師,老師的這節課,打開了不一樣的思路!?。?!