介绍:![效果图](https://i-blog.csdnimg.cn/blog_migrate/db8b3036dfb125d8312a196636a466dd.png)
常见的十滴水小游戏,使用原生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';
思路:
- 首先,需要一个游戏类,来作为游戏的容器,控制游戏的开始和结束,提供计分功能(水滴数),执行游戏规则(水滴的碰撞,水滴超出棋盘后的销毁等ÿ