简单的个人任务管理系统

概况

这个任务是百度ife学院 (https://github.com/baidu-ife) 春季任务的task3,是一个综合型的任务。现在只是把前端的部分完成了。代码很渣,这也是可以预见的,啊哈哈~
我认为主要要用到以下知识点:

  • HTML CSS JavaScript
  • Ajax
  • Node.js

现在只是完成了基础的部分,包括页面的整体布局、JS操作DOM、事件的监听、和用户(我自己)的交互等,所以只用到了HTML CSS 和 JS部分的知识点。接下来会做后台部分,实现文件夹和文件的关联、数据的本地存储、数据的获取等。

页面分析

简单的个人任务管理系统
页面的设计稿是百度ife学院提供的(感谢~),页面总体是自适应的,有最小高宽。然后总体分为三栏:文件夹栏、文件栏、以及文件内容栏。点击添加按钮可以分别添加文件夹和文件(文件只能添加在某个打卡开的文件夹中)。点击编辑可以编辑问价内容。文件夹或文件在打开的状态下会显示删除按钮,此时可以选择删除。目前还只是前端的效果。后台还没弄 ( ̄y▽ ̄)╭

代码示例

代码真的很渣Orz...自己都能看出很多重复的代码,自己也尝试着优化过,但是一优化整个人都感觉到乱套了Orz...所以准备写完后再重新写一个,嗯!就是这样的!(●'◡'●)
code for adding task
这是在文件夹中添加文件的实例(完整的代码会放到我的github里(https://github.com/shiqiwang))

总结

今天发生了一件趣事,我问大大一个bug的解决方案。大大两行代码就解决了,然而我自己写了一长传串还是错的...就觉得代码真的是写多了才会有感觉。

Talk is cheap, show me the code!