发表于: 2016-10-27 00:54:35
4 1825
今天完成的事情 | 基本写完了task7的代码,耗时有点长啊,本来可以更快,最近有点懒惰了。也跟学的稀里糊涂有关,不理解的地方怎么想也想不通索性就懒了,真是罪过。 |
明天计划的事情 | 想强化js训练了。还是继续task8呢? |
遇到的问题 | 1、task7要打包成APP?从来没试过。 |
2、在一个for循环中,虽然i很长,但是我们有时候需要满足if条件后输出一遍即可,使用break。一开始没用,输出了i遍。 | |
3、<div ng-click="playSub()" >在一个标签中,ng写在class前面和后面运行结果会有偏差?运行时不光从上到下,还从左到右吗? | |
4、如下原来的代码 | |
HTML: | |
<li ng-repeat="player in playersText"> | |
<i ng-class="{true:'orange', false:'blue'}[isColor]"></i> | |
{{player.job}} 1 人 | |
</li> | |
JS: | |
for (var j = 0; j < $scope.Num; j++) { | |
if (j%4 == 0 || j%4 == 1) { | |
$scope.isColor = true; | |
} else if (j%4 == 2 || j%4 == 3){ | |
$scope.isColor = false; | |
} | |
} | |
输出结果是所有框都变成一种颜色,而不是分批变色。 | |
改为如下代码: | |
HTML: | |
<li ng-repeat="player in playersText"> | |
<i ng-class="{true:'orange', false:'blue'}[player.isColor]"></i> | |
{{player.job}} 1 人 | |
</li> | |
JS: | |
for (var j = 0; j < $scope.Num; j++) { | |
if (j%4 == 0 || j%4 == 1) { | |
$scope.playersText[j].isColor = true; | |
} else if (j%4 == 2 || j%4 == 3){ | |
$scope.playersText[j].isColor = false; | |
} | |
} | |
这样就好了。不是很明白为何第一个不行。 | |
5、修改了胜负判断条件,原条件为:当剩余水民==0时,则杀手获胜。改为:当剩余杀手数 == 剩余水民数,则杀手胜利。因为剩余杀手数 == 剩余水民数时,杀手不能杀杀手,只能杀水民,杀完1个水民,在投票阶段就可以以多胜少而获胜,根本不需要在继续游戏即可知道结果了。 | |
6、有种情况,就是死亡人数为奇数时有一方获胜,那么最后一行信息提示就是没有了。但是按我的判断条件显示的如下: | |
HTML | |
<div ng-repeat="end in gameInfo"> | |
<span> | |
第{{end.day}}天 | |
</span> | |
<span>0小时07分</span> | |
<span> | |
晚上:{{end.num1}}号被杀手杀死,{{end.num1}}号是{{end.job1}} | |
</span> | |
<span> | |
白天:{{end.num2}}号被全民投票投死,{{end.num2}}号是{{end.job2}} | |
</span> | |
</div> | |
JS: | |
for (var i = 0, j = 0; i < killLen/2; i++) { | |
$scope.gameInfo.push( { | |
day: $scope.gameDays[i], | |
num1: $scope.killedNum[j], | |
job1: $scope.killed[j], | |
num2: $scope.killedNum[j + 1], | |
job2: $scope.killed[j + 1] | |
}); | |
j = j + 2 | |
} |
收获 | 同上。 |
评论