弹幕式todoList

项目介绍

todoList 任务管理。弹幕式todoList，一件件的任务或事件以弹幕的形式展现。 由于发生某种类似懒惰拖延的情况，未完成的任务会随着时间的推移变得越来越重要。要不及时解决，todoList会变得非常糟糕。

数据的结构

todoList: [
    { id: '001', context: 'vue', isDone: true, date: '1715443200000' },
    { id: '002', context: 'react', isDone: false, date: '1715529600000' },
    { id: '003', context: 'angular', isDone: false, date: '1715616000000' },
]

id：唯一标识

context：todolist的内容，即将要做的事

isDone：是否已完成

date：时间戳，单位：毫秒

项目依赖

vue3, nanoid ，pinia

vue3：快速搭建项目

nanoid：生成id唯一标识

pinia：状态管理，主要是组件间的通信和事件处理

版本0.0.0

1. 实现todoList的增 删 改 查 操作；

2. 以弹幕的形式展现。

3. 兼容pc端和移动端

版本0.0.1

1. 修复edit操作出现的bug，修复移动端双击事件不起作用

2. 新增暗色主题切换

版本0.0.2

1. 根据系统主题切换白天/黑夜

2. 增加tip功能：给用户操作后提示。

版本0.0.3

1. 新增全选功能。

2. 修复移动平台的tip动画细节。

版本0.0.4

1. 添加骨架屏过渡，解决首页网速慢造成白屏，导致用户流失。

2. 各种细节等优化

版本0.0.5

1. 数据为空时的页面。

2. 修复移动端每次加载时的width自动适应的滚动条变化。

3. 项目打包优化，更改为cdn引入，减少打包后的体积。加快首页加载的速度； 并添加到github pages展示项目。