做了两个私人的 Todo 工具

[jiyinyiyong]

用了几天 React 以后突然发现实现拖拽很容易啊, 于是就开始做了
一方面是改版了之前用 Vue 做的 Todo, 一方面是特化的功能
界面元素清理干净后, 开始用壁纸来改善界面的效果, 于是两个基本上完成了.
拖拽 API 浏览器兼容性原因, 我完全没去调 Chrome 以外浏览器的效果...

第一个是 Todo, 通过回车键在顶部添加任务, 右边是三个分类
添加任务默认都在顶部, 内容清空以后都自动删除
每个任务可以通过拖拽来排序和切换分组:

https://github.com/jiyinyiyong/react-todolist


另一个是小的 Schedule, 琐碎放在 Todo 嫌不方便的任务可以放这里
Schedule 只有排序, 完成, 清除, 总共三个用法, 也是通过回车键创建
一般我会把先后顺序比较明确的任务排在这里边:

https://github.com/jiyinyiyong/pudica-schedule


因为是做给自己用的工具, 所以只做了自己需要和自己浏览器的能做的功能. 轻拍.
图片我没放进代码仓库. 另外随着改版, 截图稍微会有出入.

发贴时候我没想到有人收藏.. 看来壁纸的作用巨大啊
关于数据仓储问题我没说, 两个工具都是通过 localStorage 存储的,
打开控制台, 一个 key 是 pudica, 一个是 react-todolist
保存在本地有好处也有坏处, 坏处就是容易丢,
另外我可能根据自己需要更新数据存储.. 并且手动备份和回复

所以现在假如是用来记重要的内容, 最好是 clone 代码到本地服务器上跑
编译过程如下:
```bash
npm install
mk build
```
需要定制的话, 可以启动开发环境:
```bash
bower install
npm install
mk compile # 以后可能改 `mk dev`
mk watch
```

[abu]

这个好，star一下。
reset点了有没有确认键…没有的话就悲剧了。
能不能加个功能：在写完了以后导出为xls什么的

[jiyinyiyong]

@abu xls 不会玩... 代码已经给了, 事都需要的话 Fork 一下吧
reset 问题, 因为就是任务用的, 任务一多就会清除掉, 所以对我来说没意义的

[blueandhack]

@abu 自荐我的TinyDoIt开源Todo项目 https://github.com/blueandhack/TinyDoItWeb

[shuangchun]

@blueandhack 我擦，我在这看到你了！我是铃铛

[zouyun5152]

在safari下面样式有点问题

[sconfield]

背景图片好

[guotie]

设计的不错，赞

[jiyinyiyong]

@zouyun5152 flexbox 的兼容性前缀我没写, 这个要写其实很快
比较麻烦是 Drap API 我跨浏览器的兼容性不知道怎么处理

[jiyinyiyong]

写错了.. Drap 我是说 HTML5 的 Drag and Drop API
http://csspod.com/archives/html5-drag-and-drop

[pertersonvv]

界面挺美观的，楼主图片哪里找来的？

[jiyinyiyong]

@pertersonvv 网上到处找啊, 忘了是从哪儿了, 可能是百度图片搜到的

[pertersonvv]

@jiyinyiyong 这个站你还在用么?

[jiyinyiyong]

@pertersonvv 仓库地址改了下.. 用倒是还在用 https://github.com/Memkits/