阅读这篇文章需要掌握的基础知识:Html5、CSS、JavaScript 在线Demo:查看 扫雷规则 在写扫雷之前,我们先了解下它的游戏规则 ● 扫雷是一个矩阵,地雷随机分布在方格上。 ● 方格上的数字代表着这个方格所在的九宫格内有多少个地雷。 ● 方格上的旗帜为玩家所作标记 ...
学习了这么长时间的 JS,不能光看不练,于是就写了个小游戏练习一下。因为自己还是个菜鸟,所以有错误的话还请各位大佬多多指点,谢谢啦 如果感兴趣的话可以试试:Demo 项目地址:game mineSweepinng 效果图 扫雷过程 扫呀扫呀扫个雷。 扫雷失败 扫雷失败就会提示扫雷失败,然后逐步显示出所有地雷 我会说我没找到地雷的图才用的炸弹吗 。 扫雷成功 其实这里是有个动画的,彩色方块是逐步覆盖 ...
2018-03-27 20:02 1 3946 推荐指数:
阅读这篇文章需要掌握的基础知识:Html5、CSS、JavaScript 在线Demo:查看 扫雷规则 在写扫雷之前,我们先了解下它的游戏规则 ● 扫雷是一个矩阵,地雷随机分布在方格上。 ● 方格上的数字代表着这个方格所在的九宫格内有多少个地雷。 ● 方格上的旗帜为玩家所作标记 ...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>&l ...
今天在写一DEMO,其中用到了jQuery的$.getJSON方法,写完后发现整个DEMO中用到jQuery中的就这一个地方,但要引入一个jQuery实在不划算,于是就自己实现了一个简单版的,基本可以满足需求,现分享出来: 调用DEMO如下: 欢迎评论 ...
原生JavaScript实现AJAX、JSONP 相信大多数前端开发者在需要与后端进行数据交互时,为了方便快捷,都会选择JQuery中封装的AJAX方法,但是有些时候,我们只需要JQuery的AJAX请求方法,而其他的功能用到的很少,这显然是没必要 ...
GUID(全局统一标识符)是指在一台机器上生成的数字,它保证对在同一时空中的所有机器都是唯一的。通常平台会提供生成GUID的API。生成算法很有意思,用到了以太网卡地址、纳秒级时间、芯片ID码和许 ...
随着近几年前端行业的迅猛发展,各种层出不穷的新框架,新方法让我们有点眼花缭乱。 最近刚好比较清闲,所以没事准备撸撸前端的根基javascript,纯属练练手,写个分页,顺便跟大家分享一下 使用方法: 用原生还是比较麻烦的,为了实现业务,还得去封装一个模仿JQ ...
翻出年初写的游戏贴上来,扫雷相信大家都玩过,先上图: 在线试玩: 源码: 下载试玩:Javascript版《扫雷》 ...
---恢复内容开始--- 实现原理 通过自定义的animate函数来改变元素的left值让图片呈现左右滚动的效果 HTML: CSS: JavaScript: 再对一下常见的鬼畜bug进行一下总结:通过设置flag来防止多次点击造成 ...