## 一、背景 近一个月没写 Javascript 代码，有点生疏。正好浏览网页时弹出五子棋的游戏广告，于是想通过编写这个小游戏练练手。 ## 二、简单介绍 ### 2.1 效果展示  ### 2.2 实现思路 1) 棋盘：通过图片（chessboard.png）和 div 标签渲染出棋盘。 2) 棋子：通过图片（black_flag.png、white_flag.png等）渲染出黑白

## 一、背景 在网上能查找到通过 Javascript 编写俄罗斯方块的资料，而且更牛的是只需要不到百行的代码就实现了，笔者非常佩服这些牛人。佩服之余，笔者也想尝试通过 Javascript 编写俄罗斯方块。在翻阅网上的资料和代码中，发现这些代码的可读性不高，因此不能让读者很好地去理解和学习代码。因此，笔者通过本文介绍自己如何通过面向对象的思想实现该游戏。 ## 二、项目介绍 ### 2.1 效果展示 

场景：修改某个按钮的文本和颜色 场景：往 <ul> 中添加 <li> 菜单项

## 一、简单介绍 ### 1.1 效果展示  ### 1.2 实现思路 * 地图：创建一个 800px * 400px 的 div 元素来充当地图；地图可以看作由 40 x 20 个小 div（宽高都为20px） 元素组成。 * 食物：创建一个 宽高都为 20px 的 div 充当食物；食物通过 Math.random 分配随机位置。 * 蛇：创建一个二维数组充当蛇；二维数组存放蛇节（3个蛇身和1个