js2048怎么添加更多格子

js2048新增格子方法

1. *** 作描述：

      每按下方向键后若格子能够发生变动（即有移动或合并 *** 作产生），便在移动或合并 *** 作后剩下的空白处某一随机位置新增一个数值为2的格子。

2. 编程思路：

       我们需要结合其它方法来判断是否执行此方法，因此定义一个全局的布尔类型变量 moveAble，用作新增格子的“开关”。默认状态下让它“关闭”，即在声明时赋值为 false。在进行了移动或合并 *** 作后将它“打开”，即在移动和合并的方法内部将true赋值给 moveAble。并在即将进行新一轮移动或合并 *** 作前再将它“关闭”，即在上篇监听方法中执行向上/下/左/右方法之前将其值设为false。

      了解这个“开关”的作用后开始编写新增格子方法。首先判断 moveAble 是否为 true ，为 true 则继续进行，否则控制台返回“不能增加新格子，请尝试其他方向移动！”。接着遍历整个二维数组，将数值为空的坐标保存进局部定义的数组变量 ableArr 中，对下标进行随机方法，将最终的随机下标值和格子值（2）或随机下标值传入 arrValueUpdate 与 drawCell 方法中来画出新格子。 

两个字之间的连续空格 ，在IE 和FF、chrome中表现不同，FF、chrome中好像变窄了，如何解决？

1.设置字间距或者是将字体设置成等宽字体比如宋体，然后使用 即可。

2.你只要在全角状态下打出空格就可以了！全兼容！

因为浏览器默认字体的不同，空格符 在不同的浏览器下面的显示宽度也不同。

如在d.appendChild(div)上面加一句：

div.style="font-family:'宋体'white-space:pre"

HTML中默认会忽略多个空格符，值保留一个。如果需要在页面上显示多个空格符，需要用空格符对应的实体（&

nbsp）来代替；(&和nbsp之间的空格在使用时需要去掉)

比如

document.write('Hello!&

nbsp&

nbsp&

nbspWorld!')

输出到页面时，Hello和World之间会有3个空格。

---