今天完成的事情：

   早上过来先是搜索了滑动条如何实现，搜到一个用原生js实现的滑动条，并且能改变数值，但是js代码看不太懂，结合高程摸索着能看个大概，发现用到这个任务里不合适，数值是根据像素变化的。不过里边用到的onmousedown、onmouseup、onmousemove事件是我之前没见过的，也算学了点知识。

   又发现HTML5中input有个"range"属性可以实现滑动条，简单多了，不过默认样式不好看，又搜索了如何修改input滑动条样式，滑动条写完了。

   做了小课堂ppt《javascript有哪些数据类型和常用方法》。

明天计划：

   必须要写完任务2。必须要写完任务2。必须要写完任务2。

遇到的困难：

   之前用webstorm，分号都自动输入。现在用的sublime，该下的插件都下了，但是没有那个功能，写完代码，刷新页面没反应，纠结纠结再纠结才发现没写分号，以后要注意，养成好习惯。

   滑块的背景要用图片，输入background-img: url()，没反应，找这儿找那儿,原来是img应该写成image，真是浪费时间。

收获：

   event对象：

     onmousedown鼠标按钮被按下时事件发生。

     onmouseup鼠标按钮被松开时事件发生。

   input滑动条：

     input[type=range]  -webkit-appearance: none;去掉系统默认样式。

     input[type=range]::-webkit-slider-runnable-track  定义滑动轨道的样式。

     input[type=range]::-webkit-slider-thumb  定义滑块的样式。