简单的网页学习计时器和目标便签

学习计时器和目标便签

• 刚刚做了一个小练习，巩固了最近所学的东西，在这做一个小回顾。
• 一开始其实并没有想到做这个标签，只是想单纯的做个计时器来记录一下自己学习的时间，然后在学习过程中发现了‘todolist’，就想着仿造这个做一个，顺便巩固一下学习过的localStorage的使用。
• 做这个标签时遇到了几个小问题
  1. 存储格式的问题，数组转为对象，对象转为数组，一开始总会忘记
  2. 给动态生成的元素绑定事件，需要注意获取最新的所有元素
  3. 更新标签时，若有需要，要先清除旧标签
• 做计时器的时候，其实有给它加过sessionStorage，但后来感觉没什么必要，又删掉了；一开始也有想过多加点其他的功能，但后来想想又觉得有点鸡肋，这样朴实无华又满足我最开始的需求就好了。
• 在做这两个练习时，我想到了页面优化，但又不知道从何入手，总结还是练的太少，继续努力。

• 标签页面可以在第一个input中输入想要做的事情，按回车确定，任务会在正在运行显示；当完成了任务，可以点击前面的小方块将其选定为已完成，也可以从已完成的任务中将任务释放重新进行；删除键会把任务删除掉。

• 第一行红色字可以修改学习目标时间，按下start开始计时，end结束，将这一阶段的学习时间显示在下方。

github网站地址