发表于: 2017-04-22 23:46:55

1 1191


任务进展:

       1:学习了jQuery基本用法。

       2:学习js有限状态机,安装Javascript Finite State Machine函数库。

遇到问题:

       1.页面动作的基本思路是:

       进入法官台本页面后,点击第一天的杀手杀人项进入杀人页面,点击一个玩家方块,下方显示隐藏图标,点击图标,此方块变色,然后返回台本页面,杀手杀人项变暗,下方显示文本,说明死者身份。点击亡灵发表遗言项,alert显示文本请死者发表遗言,播放audio标签,播放结束,该选项变暗。点击玩家依次发言项,alert显示文本请其余玩家依次发言,播放audio标签,播放结束,该项变暗。点击全民投票项,进入投票页面,此页面与杀人页面为同一个页面,将其header,下方提示框和footer按钮的文本内容替换即可,再次点击一个玩家方块,点击其下方的隐藏图标,此方块变暗,然后返回台本页面。

       如此,一天的动作完成,进行判断:当杀手人数大于等于平民人数,或杀手人数为0时,alert提示结束游戏进入结果页;否则动态生成第二天的内容,继续一步步进行,一天动作完成后,在台本页面进行判断,直到满足判断条件进入结果页。通过sessionStorage存储每天死者的信息,在结果页面获取并转换成文本显示。

       2.学习了Javascript Finite State Machine的写法及其callback函数,明天尝试在js中使用。

明日计划:

       用jQuery写js动作。

收获:

       学习了jQuery选择器和事件语法,html操作方法,遍历操作方法。


返回列表 返回列表
评论

    分享到