今天完成的事情：1、完成设置页面的编写。使用<input type="range" >滑动条，并自定义滑动条的样式。

                                  input[type="range"]{    } ；  input[type="range"]::-webkit-slider-thumb{   }  。

                                  input[type="range"]:focus{  outline: none;}

                           2、学习onblur事件和oncharge事件，并分别应用在input type=“text”，和input type=“range”

                                 上。

明天计划的事情：继续编写设置页面的代码任务。

遇到的问题：网上搜到的打乱数组比较高效实用的方式是array.sort( function () { ruturn 0.5-Math.random() } )。

                    但是看了多次打乱输出的结果，感觉随机打乱的几率没有那么平均。

var array=[];

for(var i=0;i<10;i++){

   array[i]=i;

}

array.sort( function(){return 0.5-Math.random() } );

document.write(array+"</br>");

以下是多次运行的输出结果

1,2,0,4,3,6,5,7,9,8

2,1,5,0,4,3,9,8,6,7

2,0,1,5,4,6,3,7,8,9

1,0,4,2,6,3,7,5,8,9

2,0,3,4,5,1,6,8,9,7

0,2,1,6,4,5,7,8,3,9

1,0,2,4,6,9,5,3,7,8

1,0,2,3,5,6,9,4,8,7

1,0,3,2,8,4,5,6,9,7

5,2,0,9,1,3,4,7,6,8

1,4,0,2,3,5,6,8,9,7

3,2,1,4,8,5,0,6,9,7

0,1,2,4,9,7,6,8,3,5

0,4,1,2,3,5,9,8,6,7

小数在前面的几率大好多。

收获；完成设置页的html、css和部分js代码的编写。