简介

自从，上次完成了一个推箱子的简易版本，自然想实现一个牛掰一点的可以实现多个关卡的推箱子小游戏：

实现效果

推箱子是一款风靡已久的益智小游戏，如何在网页实现推箱子功能？这就不得不说我们html5新增的canvas功能，让我们能对图片等资源可以更好的绘制。

在实际运用中，我们经常要获取鼠标点击事件的位置和元素的位置信息。针对页面、浏览器、屏幕，各大厂商也有自己设置的各类属性。所以他们究竟有什么不同呢？哪个属性才是我们想要的呢？

event属性

观察上图，对于X坐标的值，我们一个鼠标事件有clientX，layerX，movementX，offsetX，pageX，screenX，x 多个属性值。它们分别代表什么呢？

这一篇将介绍js继承的几种方式。

要实现一个点击元素，拖动元素到页面上你想要在的地方。如何实现这个功能呢？我想到了两种实现方法：第一种就是最近学习的html5的drag和drop功能；第二种是绑定鼠标的onmousedown，onmousemove事件。然后这两种实现方式又有什么区别呢？

现实实现中，我们使用的较多的就是两栏布局和三栏布局，下面我们将介绍几种实现方式：

GitHub是个git仓库（相当于Git服务器），安装在远程服务器端。
git是一个客户端工具，安装在用户的电脑上，用户通过git命令从GitHub上pull和push数据。

接下来我们就来介绍git的常用指令

一级标题

二级标题

三级标题

我是正文

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.