在实际的工作和生活中,我们会有很多的任务,这些任务往往错综复杂,很多时候我们都顾此失彼。”Task Manager“是一款方便任务管理的工具,让你完成任务的过程变得高效而简单,充满成就感!今天我们就用我们学习过的技术HTML、CSS、JavaScript来做一款这样的任务管理工具。这里是简单的demo,你可以参考:Task Manager.
此仓库是Task Manager的模板仓库,你可以按照如下说明进行操作:
- README.md 本模板仓库的说明,需要你仔细阅读。
- index.html Task Manager首页,里面存放HTML代码。
- images/ 此文件夹用于存放Task Manager用到的所有图片。
- js/ 此文件用于存放Task Manager的所有JS代码文件。
- js/data.js 此文件提供和Localstorage交互的API,您可以使用此API方便您的开发, 此项目通过Localstorage来存储数据。
- styles/ 此文件夹用于存放Task Manager的样式文件。
- master 您可以在此分支上面开发,此分支仅仅包含了完成此项目的的必须要的模板文件,你可以基于模板文件进行开发。
- answer 此分支用于给您做参考,次分支包含了实现Task Manager的所有源代码,如果您在开发过程中出现了疑问,您可以切换到此分支上面来参考。需要注意的是,这个分支仅仅是一个参考源代码,而不是答案,希望此分支不要给您带来负面影响。
将此模板项目fork
到您的Github账户的仓库下面。
将此fork
后的代码clone
到你的本地。
git clone [your forked repo address]
使用VS Code
进行开发,小步提交,完成后将代码上传到你的Github上面。
配置Github Pages,预览你的效果(下面图片使用的地址是为了举例,你需要根据自己的实际仓库地址进行操作)。