今天完成的事情：

任务四投票页面完成。

任务四的几个页面css优化了一些，之前丑的不忍直视。

设置角色页面的滑块之前漏掉没写，今天补上了。
明天计划的事情：

发现还有一个结果页忘记写咯。。。赶紧补上审核通过的话开始下一个任务。 
遇到的问题：

暂无。

收获：

1、设置一个button不可点击，.attr("diaabled",true)
当通过js改变伪类的的样式 因为伪元素不是dom元素，所以获取不到，不能直接选择到 所以无法直接改变，所以：
1.1通过append（）增加新的的样式金去。
1.2动态添加类名。

2、想要在执行函数的过程中跳出函数并没有类似 break、continue跳出循环的关键字，需要自己设定状态值或者判断语句。

3、input滑块的样式改变。

    3.1 input tpye="range" ,由两个部分组成，进度条和滑块。样式分别去改。如下：

/*====重写滑块样式======*/
.bottom input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ff6787;
    width: 10rem;
    height: 2px;
    margin: 0;
}

.bottom input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: default;
    top: 1px;
    height: 20px;
    width: 35px;
    background:  repeat #ff6787;
    border-radius: 3px;
    -webkit-box-shadow: 0 -1px 1px #e77268 inset;
}

其中 appearance设置为none 是必须的，目的是去除其默认样式，否则下边的样式都不能生效。

参考：国宝的掘金=======https://juejin.im/post/58f2f43c61ff4b0058f4b5c5=====233333

4、关于有限状态机。个人理解，如有出入，敬请相告。

     其实我们在编程的时候就已经在使用所谓“状态机了”，只不过没有去把这一显而易见的事情去归类。举个最简单的例子，一个房间就有两个最基本的状态，黑暗和明亮，当“黑暗”的时候我们就去调用“开灯”函数，当“明亮”的时候我们就调用“做一个安静的美男子”函数。在这个例子里，他就构成了一个状态机：每个状态（条件）有相对应的行为（函数）。那么是不是“有限”呢？很明显是的，当他的状态个数是有限的话，就是有限状态机咯！

    那么问题来了，既然就这么简单，为什么还有抽象出这么逼格高高的词“有限状态机”嘞？

    我的理解是，不把简单的道理说得高深到别人听不懂，怎么当好一个程序员？！！！

    哈哈哈哈。我觉得应该是，当状态（条件）很多的时候，用有限状态机可以让对象或者函数变得更加调理清晰，我们写的过程中也不会混乱。简单来说：逻辑清晰，利于封装。（虽然并不太理解所谓封装不过先不管了）