简单的个人任务管理系统

概况

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

• HTML CSS JavaScript
• Ajax
• Node.js

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

页面分析

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

代码示例

代码真的很渣Orz...自己都能看出很多重复的代码，自己也尝试着优化过，但是一优化整个人都感觉到乱套了Orz...所以准备写完后再重新写一个，嗯！就是这样的！(●'◡'●)

这是在文件夹中添加文件的实例(完整的代码会放到我的github里(https://github.com/shiqiwang))

总结

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

Talk is cheap, show me the code!