程序員去騰訊面試,現場JS代碼開發五子棋,成功拿到20K月薪!

今天小編我逛論壇,看到一位程序員大佬去騰訊面試,現場用原生JS+canvas開發出了一款五子棋遊戲,成功拿到20K月薪,仔細看了大佬的代碼,寫的還是挺完美的,自己也COPY了一份分享給頭條上的小夥伴們學習,希望大家能夠學習到一點東西,自己在前端這條路上越走越遠。


分享之前我還是要推薦下我自己創建的web前端學習群:528576461,這是全國最大的web前端學習交流的地方,5000人聚集,不管你是小白還是大牛,小編我都挺歡迎,今天的五子棋源碼已經上傳到群文件,不定期分享乾貨,包括我自己整理的一份最新的適合2017年學習的前端資料和零基礎入門教程,歡迎初學和進階中的小夥伴。

完成後的效果圖如圖程序員去騰訊面試,現場JS代碼開發五子棋,成功拿到20K月薪!

主要功能模塊為:

1.人機對戰功能

2.悔棋功能

3.撤銷悔棋功能

程序員去騰訊面試,現場JS代碼開發五子棋,成功拿到20K月薪!

完整源碼分享:

程序員去騰訊面試,現場JS代碼開發五子棋,成功拿到20K月薪!

程序員去騰訊面試,現場JS代碼開發五子棋,成功拿到20K月薪!

程序員去騰訊面試,現場JS代碼開發五子棋,成功拿到20K月薪!

今天的web前端案例就分享到這裡結束了,最後在說幾句:

五子棋遊戲的核心關鍵點是:

1、弄清楚有多少種贏法;

2、怎麼判斷是否已經贏了;

3、計算機下棋算法。這裡巧妙地運用數組存儲贏法,判斷是否贏了,通過權重比較,計算出計算機該下棋的位置。

過程中用到canvas,之前有學習過,雖然很久沒用,查了些資料,複習了怎麼畫線,畫圓,學會了怎麼如何清除一個圓等。

然後要注意的是,用原生Js怎麼為元素添加、刪除class。


分享到:


相關文章: