js实现网页版扫雷，新手，如何实现除显示当周边无雷时将周边的无雷区全部显示出来。

JavaScript013

js实现网页版扫雷，新手，如何实现除显示当周边无雷时将周边的无雷区全部显示出来。,第1张

用递归啊。你肯定已经做了一个方法用来检测当前点周边8个点是否无雷了吧？对于无雷的点逐个再次调用该方法。

以下是伪码示例. isBad是用来检测指定的点是否是雷的方法

function checkRimPoint(x, y) {

    var points = [[x-1,y-1],[x,y-1],[x+1,y-1],[x-1,y],[x+1,y],[x-1,y+1],[x,y+1],[x+1,y+1]

    for(var i = 0i <points.lengthi++) {

        if (! isBad(points[i][0], points[i][1])) {

            showPoint(points[i][0], points[i][1]))//这个不是雷，调用方法显示这个点

            checkRimPoint(points[i][0], points[i][1]))//对该点递归处理

        }

    }

}

以上只是个思路，没有实际价值哦，我记得展开后的效果一种可能是到边界了，另一种可能就是显示周围有几个雷的那种数字框。不过核心就是递归处理。

如果有帮助的话望采纳

** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字，才能不经过编码直接用于 URL。

***例如：搜索的中文关键字，复制网址之后再粘贴就会发现该URL已经被转码。

1) escape 和 unescape

原理：对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。

编码:

eg:escape('http://www.baidu.com?name=zhang@xiao@jie&order= 你好')

res:"http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D%u4F60%u597D"

解码：

eg:unescape("http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D%u4F60%u597D")

res:" http://www.baidu.com?name=zhang@xiao@jie&order= 你好"

2) encodeURI 和 decodeURI

原理：返回编码为有效的统一资源标识符 (URI) 的字符串，不会被编码的字符：! @ # $ &* ( ) = : / ? + '

encodeURI()是Javascript中真正用来对URL编码的函数。

编码：

eg:encodeURI('http://www.baidu.com?name=zhang@xiao@jie&order= 你好')

　 res:" http://www.baidu.com?name=zhang@xiao@jie&order=%E4%BD%A0%E5%A5%BD "

解码：

eg:decodeURI(" http://www.baidu.com?name=zhang@xiao@jie&order=%E4%BD%A0%E5%A5%BD ")

　 res:" http://www.baidu.com?name=zhang@xiao@jie&order= 你好"

3) encodeURIComponent 和 decodeURIComponent

原理：对URL的组成部分进行个别编码，而不用于对整个URL进行编码

编码：

eg:encodeURIComponent('http://www.baidu.com?name=zhang@xiao@jie&order=1')

res:"http%3A%2F% 2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1 "

解码：

eg:decodeURIComponent("http%3A%2F% 2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1 ")

res:" http://www.baidu.com?name=zhang@xiao@jie&order=1 "

前几天遇到了一个关于前端重复点击事件问题，防止用户恶意操作，重复点击按钮事件，有二个逻辑解决此问题：

1.

2.定义变量保存每次点击的时间，上次和当前次点击的时间间隔小于某个时间，就return掉，否则就继续之后步骤，类似于

this.state={clickTime:new Date().getTime()}

  buyCard(){ 

   var {clickTime} =this.state

    var nowTime = new Date().getTime()

     if( clickTime != 'undefined'&& (nowTime - clickTime <500)){

               return false

     }else{

        this.setSate({clickTime:nowTime})

        .....

     }       

}