原文:原生 JavaScript 實現掃雷

學習了這么長時間的 JS,不能光看不練,於是就寫了個小游戲練習一下。因為自己還是個菜鳥,所以有錯誤的話還請各位大佬多多指點,謝謝啦 如果感興趣的話可以試試:Demo 項目地址:game mineSweepinng 效果圖 掃雷過程 掃呀掃呀掃個雷。 掃雷失敗 掃雷失敗就會提示掃雷失敗,然后逐步顯示出所有地雷 我會說我沒找到地雷的圖才用的炸彈嗎 。 掃雷成功 其實這里是有個動畫的,彩色方塊是逐步覆蓋 ...

2018-03-27 20:02 1 3946 推薦指數:

查看詳情

原生 JS 實現掃雷 (分析+代碼實現)

閱讀這篇文章需要掌握的基礎知識:Html5、CSS、JavaScript 在線Demo:查看 掃雷規則 在寫掃雷之前,我們先了解下它的游戲規則 ● 掃雷是一個矩陣,地雷隨機分布在方格上。 ● 方格上的數字代表着這個方格所在的九宮格內有多少個地雷。 ● 方格上的旗幟為玩家所作標記 ...

Fri Apr 05 19:30:00 CST 2019 0 3829
原生JavaScript實現jQuery的$.getJSON

  今天在寫一DEMO,其中用到了jQuery的$.getJSON方法,寫完后發現整個DEMO中用到jQuery中的就這一個地方,但要引入一個jQuery實在不划算,於是就自己實現了一個簡單版的,基本可以滿足需求,現分享出來:   調用DEMO如下:   歡迎評論 ...

Fri Apr 26 06:02:00 CST 2013 1 2597
原生JavaScript實現AJAX、JSONP

原生JavaScript實現AJAX、JSONP 相信大多數前端開發者在需要與后端進行數據交互時,為了方便快捷,都會選擇JQuery中封裝的AJAX方法,但是有些時候,我們只需要JQuery的AJAX請求方法,而其他的功能用到的很少,這顯然是沒必要 ...

Wed Feb 08 00:12:00 CST 2017 0 1595
原生JavaScript生成GUID的實現

  GUID(全局統一標識符)是指在一台機器上生成的數字,它保證對在同一時空中的所有機器都是唯一的。通常平台會提供生成GUID的API。生成算法很有意思,用到了以太網卡地址、納秒級時間、芯片ID碼和許 ...

Fri Sep 05 01:59:00 CST 2014 14 4779
原生javascript實現分頁效果

隨着近幾年前端行業的迅猛發展,各種層出不窮的新框架,新方法讓我們有點眼花繚亂。 最近剛好比較清閑,所以沒事准備擼擼前端的根基javascript,純屬練練手,寫個分頁,順便跟大家分享一下 使用方法: 用原生還是比較麻煩的,為了實現業務,還得去封裝一個模仿JQ ...

Thu Apr 20 23:48:00 CST 2017 0 3232
Javascript版經典游戲之《掃雷

翻出年初寫的游戲貼上來,掃雷相信大家都玩過,先上圖: 在線試玩: 源碼: 下載試玩:Javascript版《掃雷》 ...

Fri Oct 17 22:19:00 CST 2014 4 2174
原生JavaScript實現輪播圖

---恢復內容開始--- 實現原理 通過自定義的animate函數來改變元素的left值讓圖片呈現左右滾動的效果 HTML: CSS: JavaScript: 再對一下常見的鬼畜bug進行一下總結:通過設置flag來防止多次點擊造成 ...

Fri Jul 05 22:48:00 CST 2019 0 995
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM