连连看小游戏项目梳理

项目难点:

进行游戏面板的加载

如何保证每个元素都能找到配对的元素并且游戏可以开始进行？

元素是否可以相互抵消的判断 直接通过game.js 文件中定义的judge() function进行判断

直接相连的元素,需要拐一个弯的元素,需要拐两个弯的元素 如果有拐角的话,拐角的线是怎么画出来的 -> 路径是怎么找到的？ showLine() function

html文件 和 js文件的功能分配问题

js文件之中直接生成html语句来进行 DOM元素的生成？？ // 这种写法应该不是正规的写法吧？
需要清楚 html文件的结构才方便进行 js文件的书写,这样会

js文件的相互调用关系

config.js:
itemDirectionHTML 是干嘛用的？

event.js: 写的是所有的监听事件 依赖于 game.js

定义了3个on() 如何进行区分和调用？ on() 只是用来监听事件的
第一个on() 监听的是gridContainer上发生的 click事件
先用 e.target定位触发event的对象是否是img 标签
根据标签的

后两个简单的btn直接监听‘click‘事件

view.js: 写的是show disapper等与界面显示直接有关的function 比如初始化所有元素, 消除元素,展示相连的线

将元素消失只是用了一个 hidden的css属性？

game 和 view又是怎么扯上关系的

核心的逻辑都在event.js之中了 因为是离用户最近的地方，用户只通过点击来进行操作

连连看小游戏项目梳理

原文：https://www.cnblogs.com/kong-xy/p/10702876.html