原文:原生 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