今天完成的事情/收获：

“如果让你重写任务四得多久”

“嗯。。。大概三天？但是还是要结合之前写得代码看一看的”

“那要是不看之前的代码呢？”

“那就得好好写一下了一周吧。。”

。

。

。

。

。

这样的对话使我彻夜难眠

终于

。

。

。

看着马桶里的水缓缓冲下，我下定决心要恶补下基础知识 深入浅出，九浅一深的去了解基础知识体系并且重构任务四加深理念。

具体做了什么呢

早上和老大开群趴

下午————

  了解了JS原生/JQ的基础方法操作。

对应任务4我针对性的学习了原生和JQ的相关知识

面向对象/数组的操作/this的应用都有了一定深的认识

并且重构了多大半的任务4.

笔记注释代码三合一（正在完善/无论对错的想法都贴出来了）：

var killerNum;//杀手数量

var commonNum;//平民数量

var peopleNum;//总人数

// var loadCnt = 0;//进入此网页次数

var allJoles = new Array();//存储所有人身份

var roles = [];//存储角色对象

var dayCnt = 1;//第几天，默认第一天

var dayCntCache = dayCnt;

var voteOrder = 0;//游戏进行步骤记录

var thisTurnDead = -1;//本局死的人

var comalive;//活着的平民

var kilalive;//活着的杀手

var roleStatus = [];//角色状态

var gameResult = [];//输出数据

//活着是0 死了是1

oNn= sessionStorage.arrTostring;//读取本地

Nn = JSON.parse(oNn);

var A = sessionStorage.numbox; //下一次进页面的时候读取A (也就是你所点击的那个盒子)

console.log("读取字符串再转为数组" + oNn + "长度"+Nn.length);

//点击某个盒子杀人

var $evevnt =  $('.box-identify');

$evevnt.on('click', function()

    {

    if ($(this).html()==='杀手') {

    alert('不能自杀')

    }

    else{

    $('.box-identify').css('background-color','#29bde0');

    $(this).css("background-color","red"); //this点哪是哪 类似指针

    }

    /*$('.food-but').click(function() {

    var A=$(this).parent().parent().index(); //index就是获取索引 这里写是为了找到Box

        sessionStorage.numbox = A;

    })*/

        //杀手被杀死之后就不能选择了

        /*$(this).click(function() {

if ($(".box")[A -1].style.backgroundColor='red') {

  alert('当前玩家死了')

}

})*/

    });

$('.food-but').click(function() {

var $evevnt =  $('.box-identify');

var A=$(this).parent().parent().index(); //index就是获取索引 这里写是为了找到Box

    sessionStorage.numbox = A;

    $(this).click(function() {

if ($(".box")[A -1].style.backgroundColor='red') {

  alert('当前玩家死了')

}

})

})

/*$(".box")[A ].style.backgroundColor='red';//因为索引是0开始的

console.log(A);*/

//点击一个 别的盒子立马回复本来的颜色

反过来写这个任务 忽然发现我渐渐的或多或少的形成了编程思维（虽然很弱）

明天计划的事情：继续恶补知识 没问题的话今晚修仙任务四就完了

遇到的问题：其实也可以用angularjs来写这个任务嘛哈哈哈。