今天完成的任务：

修改任务2，做了一些细节改进和bug修复。

写了task3的css部分。

明天计划的任务：

写完task3

遇到的问题：

1，task2遇到的Safari浏览器上滑块背景图的问题，最后发现是因为其默认样式没有去除，和background-size无关，设置border：none；后背景图就正常了。

2，task2的range滑动条前后颜色需要设置为两种颜色的问题，解决思想是先设置background-image和background-color，background-color为滑动条全宽。background-image用纯色填充，并覆盖background-color，其宽度通过js动态设置为滑块已滑过的距离。

3，task2的数字输入框中输入错误的数字会弹窗提示。若在输入错误数字后切换网页，则会触发无限弹窗使本网页卡死，后来通过加入代码将错误的输入重置到合理的范围内的方法解决了问题。

收获：
1，学习了json格式，JSON即JavaScript 对象表示法（JavaScript Object Notation），用以代替臃肿的xml。

JSON.stringify方法用于将一个值转为字符串。该字符串符合 JSON 格式，并且可以被JSON.parse方法还原。

JSON.parse方法用于将JSON字符串转化成对象。

2，看了jquery的操作方法，jquery是js的一个库，主要用来简化js的dom操作。

jq的语法写在  $(document).ready(function(){代码在这儿});  中，表示在dom加载之后再执行jq代码。

3，浏览器本地存储的几种方式：

cookie：随着每次HTTP请求头信息一起发送，存储的数据容量有限。

sessionStorage

用这种方式存储的数据仅窗口级别有效，同一个窗口页面刷新或者跳转，都能获取到本地存储的数据，当新开窗口或者页面时，原来的数据就失效了。

localStorage

没有数据容量限制，数据存储在硬盘中不会失效。