之前做過乙個演算法題，演算法要求就是寫乙個開心消消樂的邏輯演算法，當時也是考慮了一段時間才做出來。後來想了想，既然核心演算法都有了，能不能實現乙個開心消消樂的小遊戲呢，於是花了兩天時間做了乙個小遊戲出來。
效果展示
預覽位址
遊戲規則：
初始時會給玩家十分的初始分，每拖動一次就減一分，每消除乙個方塊就加一分，直到最後分數為0遊戲結束
任意兩個方塊都可以拖動
介面設計
頁面的布局比較簡單，格仔的資料是乙個二維陣列的形式，說到這裡大家應該已經明白介面是怎麼做的了。
v-for="(item, index) in squaredata"
:key="index"
class="row">
v-for="(_item, _index) in item"
:key="_index"
class="square"
:class="_item"
@mousedown="dragstart(index, _index)"
@mouseup="dragend">}
大家應該注意到了 :class="_item" 的寫法，動態命名class，使得其每個種類的方塊的顏色都不同，最後可以按照同色消除的玩法就行操作。
.square.a else {
this.init();
專案源**
目前專案是在github上託管，歡迎pr！點此跳轉
老司機教你用原生JDK 擼乙個 MVC 框架！！！
其實 spring mvc 是乙個基於請求驅動的 web 框架，並且也使用了前端控制器模式來進行設計，再根據請求對映規則分發給相應的頁面控制器進行處理，具體工作原理見下圖。在這裡，就不詳細談相關的原理和實現細節了，感興趣的話，可以讀一下這方面的書籍。我在網上看到一篇不錯的關於講述怎麼實現乙個 mvc...
手把手教你用Python設計乙個簡單的命令列介面
對 python 程式來說，完備的命令列介面可以提公升團隊的工作效率，減少呼叫時可能碰到的困擾。今天，我們就來教大家如何設計功能完整的 python 命令列介面。對 python 開發者來說用的最多的介面恐怕還是命令列。就拿我參與的機器學習專案來說，訓練模型和評估演算法的精確度都是通過在命令列介面執...
10分鐘教你用Python打造乙個AI貪吃蛇
最近在修一門叫python基礎的課，然後匆忙之中做了這個ai貪吃蛇想交個大作業，結果老師的結課作業是給定了題目，我真是 首先說明一點哈，此ai非彼ai。今天要講的ai貪吃蛇還是傳統意義上遍歷圖的找路演算法編寫的，並不是利用機器學習進行學習控制的哈。傳送門 10分鐘教你用python打造貪吃蛇超詳細教...