JS任务二占坑。陆续更新

一、完成

1.页面功能基本完成

2.整理了原生代码和JQuery代码。

3.用JQuery改写。（代码量较原生js少了1/3）。

（1）原生js获取节点还需要考虑兼容性问题。所以，少年，用jQuery吧。

（2）学习或检索jQuery推荐慕课网艾伦文字教程http://www.imooc.com/learn/430

二、问题

1.最蛋疼的是输入框数字正则表达式这块，一直处理不好。

2.没用上键盘事件，这也是个大问题。

3.想把相关联数据绑定，然后实现一个数据改变；其相关数据跟着改变。如：输入框数字改变，滑块数字也跟着改变。但不单独写改变函数。

4.滑块样式处理借鉴网上资料和师兄解决方案，但仍掌握不牢；浏览器兼容好像处理不到位。

5.加减按钮图标原来用HTML+CSS实现，没写好，很繁琐；后直接用+ —号暂代。不想用psd切图，因为感觉简单图片还切图好low，而且加载图片运行效率没有纯css快。

三、计划

1.用JQuery改写，后续任务争取直接用JQuery写。原生js编写太繁琐了。已完成

2.查看任务三任务要求，编写相应静态页面。查阅相关js资料，思考规划任务三的实现。

3.寻求任务二更优解决方案，充分掌握任务二各知识点解决方案。如：洗牌算法，解决方案非常多；各种方法优劣（代码可读性，精简度，执行效率）对比，取舍，掌握。

PS：网上参阅了很多资料，暂时用最精简的一种方法，其他很多方案没掌握。

4.优化任务一代码，并用jQuery改写，巩固jQuery知识点。