前幾天使用原生的js寫了一個連連看小游戲，地址：連連看（js）,基本功能都實現了，運行截圖為：

根據游戲規則獲取開發思路

創建棋盤格

生成隨機不重復數字

映射到棋盤格

鼠標點擊事件

尋路，無通路，則到 2，有通路則對消

判斷棋盤格是否全部消亡

只要能完成以下幾個小Demo就能完成一個連連看游戲了（大概有以下幾部分組成）

• 使用html ,css完成一個棋盤格（布局）
• 對數組隨機取數并且不放回（生成隨機不重復的數字）
• 點擊一個列表某一項獲取該項索引（當點擊列表的某一項時，能返回該項在列表中是第幾項）
• 會操作數組，棧方法，隊列方法，分割方法，迭代方法以及合并方法（push,pop,shift,splice,foreach,concat）
• 棋盤格任意不重復兩點所構成的井字型區域中尋找通路（無折點，一個折點，兩個折點）

最難點：獲取所有通路

?

轉載于:https://www.cnblogs.com/xingguozhiming/p/8921823.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的原生js实现一个连连看小游戏（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。