Card To Do List 简介

使用方法

• 可直接手机已部署在 Github 上的网址（电脑端访问需要下载项目后将引用的仅适配移动端的 card-click.js 文件调整为适配电脑的 card.js ），或扫描二维码

  

• 也可下载整个项目后在本地搭建服务器运行访问

基本功能

• 单个事项的添加、删除、完成、取消完成和删除
• 全部事项的完成、取消完成，已完成事项的清空
• 利用 LocalStorage 实现清单的保存，刷新页面（乃至关闭浏览器）后仍可恢复

新增功能

• 引入事项「文件夹」的概念，让用户可以将多个清单分类保存、展示，也可对文件夹进行简单基本操作
• 可在添加后再次编辑文件夹或事项的内容
• 可过滤出已完成、未完成事项
• 可实现简单搜索功能，包括关键词的事项会被过滤出来
• UI 界面借鉴了近期刚发布的 iOS12 堆栈式通知中心，交互简易有新意

程序截图