2048小游戏解析
把图像的上边缘设置在其包含元素上边缘之下 5 像素高的位置:
- 布局
- 引入Jquery和脚本
- 引入格式
- title
- 标题H1
- New game
- 得分
- 4*4格子
- 结束
3. 脚本
jQuery($(document).ready()):DOM加载完毕后即可被调用,这不意味这关联文件已经加载完毕(如图片)
append() 方法在被选元素的结尾(仍然在内部)插入指定内容
//确保随机的格子内是空的
//改变格子的样式里面的格子的位置实现移动
如果这样写的话有个问题是如果出现类似4 4 8 0 移动后会为16 0 0 0,规则里必须分两步进行 424类似于这种必须要判断中间有没有间隔
setTimeout() 是属于 window 的方法,该方法用于在指定的毫秒数后调用函数或计算表达式。