前端作為程序員行業(yè)中薪資高，門檻低，好上手的崗位，一直是大學(xué)生就業(yè)，工作黨轉(zhuǎn)行的首選。但是學(xué)編程不做項目是不行的，自己所學(xué)的知識得不到應(yīng)用，很難有所成長。很多小伙伴喜歡學(xué)習(xí)前端，也是因為前端可以快速的出效果，有反饋，讓人有成就感，所以越學(xué)越有興趣。

今天知了堂小編就給大家分享一個前端練手項目——JS飛機大戰(zhàn)。

?

此課程針對有一定js基礎(chǔ)，或者剛剛學(xué)完DOM操作的同學(xué)，可以幫助你系統(tǒng)的回顧JS基礎(chǔ)語法，為高階課程奠定基礎(chǔ)。

項目截圖：

?

課程收獲：可以幫助你系統(tǒng)的回顧JS基礎(chǔ)語法，為JS高階課程奠定基礎(chǔ)、了解到JS的面向?qū)ο蠡A(chǔ)，幫助理解面向?qū)ο笤怼?/p>

?

課程大綱：

（一）js面向?qū)ο笤怼?/p>

（二）js構(gòu)造函數(shù)實現(xiàn)面向?qū)ο?/p>

1． ?js構(gòu)造函數(shù)方式創(chuàng)建敵對小飛機

2． ?js構(gòu)造函數(shù)方式創(chuàng)建玩家小飛機

3． ?玩家飛機移動

（三）碰撞

1． ?創(chuàng)建子彈&玩家發(fā)射子彈

2． ?子彈移動

3． ?子彈碰撞原理

4． ?子彈碰撞&移除子彈

5． ?子彈碰撞&敵方小飛機銷毀

（四）游戲功能界面

1． ?游戲功能界面_殺敵積分

2． ?游戲功能界面_暫停界面

3． ?游戲功能界面_音效引入

4． ?游戲功能界面_繼續(xù)游戲

5． ?游戲功能界面_新游戲

怎么樣，是不是躍躍欲試，想要馬上做項目了，點擊課程鏈接，跟著老師學(xué)起來

圖片和音頻素材，記得加小姐姐（vx：17713623990）領(lǐng)取哦~