起因

每周五（六）下午都会有人吼一声：“又要写周报了，我这周都干什么了啊？！！”，写周报的确是一件令人痛苦的事情。以前，作为一个兢兢业业的后端接口搬砖的，工作比较单一，基本都是：某某模块接口设计，表设计，接口编写，接口测试…现在工作内容多而杂，到周五下午写周报基本抓狂状态。
突然想起来，以前学习js时，老师的一个小demo，一个小巧的待办事项列表工具，抓过来用了一段时间，自己又改造了下代码，感觉挺好使的，不光解决周五周报的问题，同时，对于梳理每天的工作也很有帮助，慢慢发现工作任务分配，工作思路等都清晰了不少。
这个小工具，对于和我有同样需求的人可能有点价值，本着“独乐了不如众乐乐”的精神，这里提供源代码和一个在线的页面。
源代码：https://github.com/kevinlsui/TodoList.git
网页：https://kevinlsui.github.io/TodoList/

使用介绍

TodoList: 基于B/S的，使用了h5的本地存储localStorage，小巧的待办任务列表工具，同时，添加了历史记录的查看。

我的使用流程：

1. 每天早上梳理工作内容，添加若干个新任务，当然，当天其他时间段有突发任务也可以添加进来；
2. 开始工作，每每完成一个任务，勾选方框，完成该任务。有时，任务内容没有划分好（刚开始的确划分任务比较粗粒度），勾选后发现并没有完全做完，这时可以在“已完成任务”列表，取消勾选，此任务又回到“待办任务列表”；
3. 默认情况，“历史记录”是隐藏的，这样便于专注每天的工作内容。如果到了周五写周报，或者查看昨天的任务哪些没有完成，都可以点击展开“历史记录”进行查看；
4. 历史记录的任务列表是按照添加的先后顺序展示，不支持再进行勾选（对于昨天没完成的任务，最好的方式是：在今天的任务列表再添加该任务）；
5. 历史记录，目前是所有的历史都展示，如果长时间不清理，会有很长很长的滚动条，最好是每周清理一次。（以后使用中，如果觉得有必要，可能会添加一个“导出”功能）

界面展示：

部署到博客、GitHub pages

它是一个静态的html,不需要任何的容器啊什么的。如果是自己用，直接把文件放在任何盘的某个角落，浏览器存个书签就可以了。但是，我想着这个工具可能会给一些人，一些类似我这样的人一点帮助，决定借助于github pages功能，部署到公网一套。

（相关名词自行google/baidu）
部署到github pages：

1. github建立一个repository，并上传代码
2. repository的settings中设置GitHub Pages选项，部署源代码选择 master branch即可，会有提示：”Your site is published at https://kevinlsui.github.io/TodoList/“

部署到hexo博客：（以后自己写的小工具都可以放在博客下了）

1. 博客的source目录下放入对应todolist源码文件夹

2. 博客主目录下_config.yml配置文件,添加禁止hexo渲染的目录：

   1 2	skip_render: - todolist/**

3. 主题目录下_config.yml配置文件（注意：不是博客主目录下），添加menu:’todoList’: /todolist/

注意谷歌浏览器清理数据

做前端开发，每次修改页面，最多的就是清理浏览器缓存，这里要注意，如果勾选了清理数据，那么保存在localStorage中的数据也没了，也就是你的周报也没了。。。最好不要勾选这个，或者用另外一个浏览器来使用该工具。