发表于： 2017-04-06 20:22:57
1 1326
今日完成：
今日修改任务三的错误地方，同时学习任务四，梳理游戏逻辑，思考实现方法，画任务四的css页面，学习有限状态机。
明日计划：
继续任务四。争取把几个页面写完，再考虑互相连接的问题。
遇到的问题：
1.下午写杀手杀人页面，调试鼠标事件卡了很久，本来是很简单的问题。原因是获取dom和操作dom的方式与语法有问题。然后一直陷在一个怪圈了，忘记了用for语句进行循环遍历这种高效的方法。认真看了获取dom方法，补补基础。
2.整体感觉任务四各个功能都能实现，主要问题可能在语法和基础知识的基础上。问题是我想好了各个逻辑，感觉已有知识可以完成，也没有发现哪里必须需要用有限状态机。。。
然后看了网络上有限状态机的知识，原来它的作用是让逻辑更清晰，减少代码量，利于后期维护。明天来尝试使用它。
收获：
1.学习了onchange、oninput的区别。
2.重新学习获取dom的知识。
document.querySelector（）：返回第一个元素
document.querySelectorALL（）：返回包含该元素的数组
document.getElementById()：根据id获取具体的对象或者元素；
document.getElementsByName（）：获取该name属性的所有元素，获取的结果是数组；
document.getElementsByClassName(）：获取该类名的所有元素，结果也是数组；
getElementsByTagName（）：获取该类标签，也是数组。
同时，可以把document改为已知的元素或对象（包括父节点、子节点、兄弟节点），来进行更精确的定位。
var target = event.target;可以定位当前被事件触发的元素，这个属性用来做鼠标事件挺方便。
3.学习有限状态机的知识。
我的理解：
有限状态机是将页面需要进行的动作进行定义，当页面同类型的元素或者动作很多，它就可以减少代码量，清晰逻辑，同时后期维护方便。明天通过实际的书写，再来找问题吧。
返回列表
评论