文章列表 | 月光中的污点

文章列表

标签: Javascript

当前位置: 首页 / 标签 / Javascript

原生 Javascript 编写五子棋

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

原生 Javascript 编写俄罗斯方块

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

jQuery 性能优化技巧

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

原生 Javascript 编写贪吃蛇

## 一、简单介绍 ### 1.1 效果展示 ![](http://images.extlight.com/snake-1.gif) ### 1.2 实现思路 * 地图:创建一个 800px * 400px 的 div 元素来充当地图;地图可以看作由 40 x 20 个小 div(宽高都为20px) 元素组成。 * 食物:创建一个 宽高都为 20px 的 div 充当食物;食物通过 Math.random 分配随机位置。 * 蛇:创建一个二维数组充当蛇;二维数组存放蛇节(3个蛇身和1个