原生Js实现十滴水小游戏

介绍：

常见的十滴水小游戏，使用原生JS的模块化，模块化就是面向对象的思想，写这个练习需要有一点面向对象的基础，本人也是第一次接触Js的模块化，可能有些地方说的不对。原生JS模块化需要在Web服务器的环境下实现，例如Nodejs，本人使用Webstorm，直接debug即可。其中模块化加载需要在script标签上加入type="module"属性：

<script src="index.js"  type="module"></script>

模块导出导入：

export default {
	//模块需要导出的内容
}
//导入需要的模块，如Game类：
import Game from './Game.js';

思路：

• 首先，需要一个游戏类，来作为游戏的容器，控制游戏的开始和结束，提供计分功能（水滴数），执行游戏规则（水滴的碰撞，水滴超出棋盘后的销毁等ÿ