这是一个创建于 3821 天前的主题，其中的信息可能已经有所发展或是发生改变。
用了几天 React 以后突然发现实现拖拽很容易啊, 于是就开始做了
一方面是改版了之前用 Vue 做的 Todo, 一方面是特化的功能
界面元素清理干净后, 开始用壁纸来改善界面的效果, 于是两个基本上完成了.
拖拽 API 浏览器兼容性原因, 我完全没去调 Chrome 以外浏览器的效果...
第一个是 Todo, 通过回车键在顶部添加任务, 右边是三个分类
添加任务默认都在顶部, 内容清空以后都自动删除
每个任务可以通过拖拽来排序和切换分组:
https://github.com/jiyinyiyong/react-todolist
另一个是小的 Schedule, 琐碎放在 Todo 嫌不方便的任务可以放这里
Schedule 只有排序, 完成, 清除, 总共三个用法, 也是通过回车键创建
一般我会把先后顺序比较明确的任务排在这里边:
https://github.com/jiyinyiyong/pudica-schedule
因为是做给自己用的工具, 所以只做了自己需要和自己浏览器的能做的功能. 轻拍.
图片我没放进代码仓库. 另外随着改版, 截图稍微会有出入.
一方面是改版了之前用 Vue 做的 Todo, 一方面是特化的功能
界面元素清理干净后, 开始用壁纸来改善界面的效果, 于是两个基本上完成了.
拖拽 API 浏览器兼容性原因, 我完全没去调 Chrome 以外浏览器的效果...
第一个是 Todo, 通过回车键在顶部添加任务, 右边是三个分类
添加任务默认都在顶部, 内容清空以后都自动删除
每个任务可以通过拖拽来排序和切换分组:
https://github.com/jiyinyiyong/react-todolist
另一个是小的 Schedule, 琐碎放在 Todo 嫌不方便的任务可以放这里
Schedule 只有排序, 完成, 清除, 总共三个用法, 也是通过回车键创建
一般我会把先后顺序比较明确的任务排在这里边:
https://github.com/jiyinyiyong/pudica-schedule
因为是做给自己用的工具, 所以只做了自己需要和自己浏览器的能做的功能. 轻拍.
图片我没放进代码仓库. 另外随着改版, 截图稍微会有出入.
第 1 条附言 · 2014-06-08 12:57:53 +08:00
发贴时候我没想到有人收藏.. 看来壁纸的作用巨大啊
关于数据仓储问题我没说, 两个工具都是通过 localStorage 存储的,
打开控制台, 一个 key 是 pudica, 一个是 react-todolist
保存在本地有好处也有坏处, 坏处就是容易丢,
另外我可能根据自己需要更新数据存储.. 并且手动备份和回复
所以现在假如是用来记重要的内容, 最好是 clone 代码到本地服务器上跑
编译过程如下:
```bash
npm install
mk build
```
需要定制的话, 可以启动开发环境:
```bash
bower install
npm install
mk compile # 以后可能改 `mk dev`
mk watch
```
关于数据仓储问题我没说, 两个工具都是通过 localStorage 存储的,
打开控制台, 一个 key 是 pudica, 一个是 react-todolist
保存在本地有好处也有坏处, 坏处就是容易丢,
另外我可能根据自己需要更新数据存储.. 并且手动备份和回复
所以现在假如是用来记重要的内容, 最好是 clone 代码到本地服务器上跑
编译过程如下:
```bash
npm install
mk build
```
需要定制的话, 可以启动开发环境:
```bash
bower install
npm install
mk compile # 以后可能改 `mk dev`
mk watch
```
 |
1
abu 2014-06-07 10:45:16 +08:00
这个好，star一下。
reset点了有没有确认键…没有的话就悲剧了。 能不能加个功能：在写完了以后导出为xls什么的 |
 |
2
jiyinyiyong OP @abu xls 不会玩... 代码已经给了, 事都需要的话 Fork 一下吧
reset 问题, 因为就是任务用的, 任务一多就会清除掉, 所以对我来说没意义的 |
 |
3
blueandhack 2014-06-07 11:53:43 +08:00  1
@abu 自荐我的TinyDoIt开源Todo项目 https://github.com/blueandhack/TinyDoItWeb
|
 |
4
shuangchun 2014-06-07 13:49:51 +08:00
@blueandhack 我擦，我在这看到你了！我是铃铛
|
 |
5
zouyun5152 2014-06-07 14:41:55 +08:00
在safari下面样式有点问题
|
 |
6
sconfield 2014-06-07 16:57:43 +08:00
背景图片好
|
 |
7
guotie 2014-06-07 22:20:38 +08:00
设计的不错，赞
|
|
8
jiyinyiyong OP @zouyun5152 flexbox 的兼容性前缀我没写, 这个要写其实很快
比较麻烦是 Drap API 我跨浏览器的兼容性不知道怎么处理 |
|
9
jiyinyiyong OP 写错了.. Drap 我是说 HTML5 的 Drag and Drop API
http://csspod.com/archives/html5-drag-and-drop |
 |
10
pertersonvv 2014-09-18 23:16:08 +08:00
界面挺美观的，楼主图片哪里找来的？
|
|
11
jiyinyiyong OP @pertersonvv 网上到处找啊, 忘了是从哪儿了, 可能是百度图片搜到的
|
|
12
pertersonvv 2014-11-20 19:52:46 +08:00
@jiyinyiyong 这个站你还在用么?
|
|
13
jiyinyiyong OP @pertersonvv 仓库地址改了下.. 用倒是还在用 https://github.com/Memkits/
|
Select Language