发表于: 2017-05-26 23:36:31
1 897
1、法官日记页面,修改代码,之前的IF判断,改为switch,逻辑更清晰,法官日记页面代码调试完毕。
2、修改发言步骤时,每项的颜色变化及前面颜色的保存及取消按钮事件。
3、修改投票页面,可以选中身份框进行确认。
4、完成最后一个结束页面,主要有3个参数需要传递
if (user.die.length <num- Math.floor(num / 4)) { //判断是否平民获胜
$(".sp1").text("杀手"+0+"人");
$(".sp2").text("平民"+(num - user.die.length)+"人"); //user.die为死亡人数序号数组
}
else {
$(".sp1").text("杀手"+(num - user.die.length)+"人");
$(".sp2").text("平民"+0+"人");
}
失败一方剩余人数为0,剩下的人全是另一方。
5、增加天数的html代码,跟前面法官日记是一样的代码,使用clone()函数,无事件绑定。
6、每天游戏信息展示:
for(b=0;b<user.die.length;b++){
$(".s1").eq(b).text((user.die[b])+1); //身份号码
$(".s3:even").text("号被杀手杀死,他的身份是")
$(".s3:odd").text("号被全民投票投死,他的身份是") //奇偶选择器,将间隔的文字分别赋值
$(".s2").eq(b).text(abc[(user.die[b])]); } //死者身份
}
7、看了js断电调试的资料,简单来说就是浏览器中,打开sources找到js文件,找到需要模拟运行的部分,点击即可。
调试是会出现两个小图标
右边的图标可以理解为语句执行或者步骤执行,即每点击它一次,js语句就会往后执行一句,快捷键为F10。
左边的图标过程执行按钮,和“语句执行”按钮不同,“过程执行”按钮常用在一个方法调用多个js文件时,涉及到的js代码比较长,则会使用到这个按钮。
定义很简单,主要还是在后面的学习过程中多上手应用才能更好的熟悉。
分享一个我们调试bug的思路,首先,js是否成功的执行进来;其次,js是否存在逻辑问题,变量问题,参数问题等等;最后,如果上述都没有问题,请仔细查看各种符号。。。
收获:熟悉了JQ常用选择器,了解代码逻辑及顺序更好的完成任务流程,传参的解码保存调用等。
困难:前面游戏开始输入游戏人数栏,实时更新人数分配的话,好像有点问题,比如准备输入12,先输入1之后就会弹窗提示说不在范围内。
计划:修改任务4细节,准备任务5。
评论