dengdengmo / todolist

react

Just-Do

这是一个在线待办事项应用， 点击这里 进入应用页

你可以用它做什么

• 注册与登录 你可以注册自己的账号，通过登录操作，在任何一台可以访问互联网的设备上管理自己的待办事项列表
• 找回账户 当你忘记密码时，可以通过注册时的邮箱重置密码，找回你的账户与账户内的数据
• 添加分组 你可以在左侧顶部“添加分组”的输入框内输入要添加的分组名，键入 Enter 或点击输入框左侧的添加按钮 + 将输入的内容作为组名新建一个分组
• 查看分组内容 你可以点击选中左侧的某个分组，右侧待办事项仅展示该分组下的内容。登陆账户时，默认展示第一个分组的内容
• 删除分组 你可以选中一个分组后点击该分组尾部的删除按钮，来删除该分组以及分组内的所有待办事项
• 添加事项 你可以选中希望添加事项的分组后，在右侧顶部的输入框填写编辑自己的事项名称，最后键入 Enter 或点击输入框左侧的添加按钮 + 将输入的内容添加到对应分组的待办事项列表
• 标记为已完成与未完成 如果你已经完成了一项任务，那么在列表里勾选这项任务左侧的方框吧，这项任务会被标记为已完成，内容也会被划掉；如果你突然想起来这个被标记为完成的任务还需要完善一下，那么点击完成的对号标记，它会恢复到未完成状态
• 删除事项 对于任何一个事项，你都可以点击事项最右侧的垃圾桶标志删除它
• 数据同步 你在使用中对你的待办数据进行的任何更改，如果它在页面上“看起来更改成功了”，那么你更新的数据已经同步到了服务器
• 退出登录 如果你在使用过程中刷新或是关闭了页面或浏览器，在不清除浏览器缓存的情况下，再次打开时它仍会保持之前的登录状态，只有点击退出登录按钮时本地的登录状态和数据才会被清除，所以如果在公共设备上登录了个人账户，使用结束后请一定要点击退出登录以保护个人隐私

它是用什么技术搭建的

• HTML、CSS、JavaScript基础
• 使用 React 搭建应用，利用 React 对页面进行数据加载、局部刷新等
• 使用 LeanCloud 保存数据，实现在线应用