                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /原生 JS 實(shí)現(xiàn)幀動(dòng)畫庫(kù)

老師，這個(gè)需求分析和編程接口的設(shè)計(jì)是一開始都想全了的嗎

我特想知道，這個(gè)需求分析和編程接口的設(shè)計(jì)師在一開始就都已經(jīng)想全了的嗎，我自己一開始就沒有辦法想好?

荔枝小時(shí)

2016-07-05

源自：原生 JS 實(shí)現(xiàn)幀動(dòng)畫庫(kù) 1-2

關(guān)注問題我要回答

1048

操作

收起

3 回答

ustbhuangyi
2016-07-05

其實(shí)這個(gè)幀動(dòng)畫庫(kù)我在百度工作的時(shí)候，從一個(gè)實(shí)際項(xiàng)目需求里抽象出來的。因?yàn)槲覀冇写罅繋瑒?dòng)畫的需求，但又不想為每個(gè)需求去編寫那些重復(fù)的代碼，所以就想抽象一個(gè)通用的幀動(dòng)畫庫(kù)，方便開發(fā)。
當(dāng)時(shí)設(shè)計(jì)接口的時(shí)候一個(gè)很重要的原則，就是怎么讓人用起來爽，就定了鏈?zhǔn)秸{(diào)用這種方式。后來也發(fā)現(xiàn)這種設(shè)計(jì)和promise的一些設(shè)計(jì)思想不謀而合。
一開始設(shè)計(jì)的時(shí)候就考慮到大部分接口了，比如loadImage，changePosition，changeSrc，then，repeat，repeatForever，enterFrame，start，dispose。
隨著項(xiàng)目的一些需求變化，比如需要2組幀動(dòng)畫，幀動(dòng)畫間需要有等待時(shí)間，就設(shè)計(jì)了wait接口。后來又需要能外部操作幀動(dòng)畫的暫停和繼續(xù)播放，又設(shè)計(jì)了pause和restart接口。

5 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕村9107202
2018-03-26

更多的是學(xué)到一種編程思想，給老師點(diǎn)個(gè)贊

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

荔枝小時(shí) 提問者
2016-07-06

非常感謝老師，老師的這節(jié)課，打開了不一樣的思路?。。?！

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

舉報(bào)

0/150

提交

取消

原生 JS 實(shí)現(xiàn)幀動(dòng)畫庫(kù)

參與學(xué)習(xí) 47183 人
解答問題 100 個(gè)

了解如何用原生JS實(shí)現(xiàn)酷炫的幀動(dòng)畫，吸引他她的注意

進(jìn)入課程

本課相似問答

2 回答看了這，迫切想知道如何提高我的JS編程能力

1 回答var item =image[keys]; 1 item = image[keys] ={ 2 第2個(gè)item是重新定義的一個(gè)item對(duì)象嗎和上邊的item有關(guān)系嗎 src ;item; //這里的item和上邊的item代表的是不是同一個(gè)值啊 3 }

1 回答5分34秒講的編輯器是什么？

1 回答用webpack生成了build/animation.js，那是不是原來src下面的是三個(gè)js文件都可以不要了，之后如果運(yùn)行時(shí)build/animation.js報(bào)錯(cuò)，也可以直接修改build/animation.js?

1 回答老師，如果webpack.config.js的output配置中不加library和libraryTarget屬性，那正常html引入build下的js文件后如何調(diào)用animation啊，那兩個(gè)屬性是為了在window對(duì)象中添加animation嗎？

搜索更多本課相關(guān)問答