为了管理日常，我写了个 TODO LIST 微信小程序

TodayIsMatter 小程序项目
├── components // 相关的组件
│   └── footer // 页脚组件
├── images // 图片资源
├── miniprogram_npm // 小程序第三方组件
├── pages
│   ├── add // 添加 todo item 页面
│   ├── detail // todo item 页面详情
│   └── list // todo 事件列表页面
├── utils // 实用方法集合
├── app.js // 应用入口文件
├── ...
└── package.json

// pages/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})

  getTodoList() {
    // 获取数据
    const keys = wx.getStorageInfoSync().keys;
    if(keys.includes(localStorageVar.TODO_LLST_DATA)) {
      const todoList = wx.getStorageSync(localStorageVar.TODO_LLST_DATA);
      // 对 list 进行排序
      let orderList = [];
      const createdList = [];
      const pendingList = [];
      const doneList = [];
      const abandonList = [];
      for(let index = 0; index < todoList.length; index++) {
        let item = todoList[index];
        switch(item.status) {
          case `${CREATED}`: item.statusCls = 'created'; createdList.push(item); break;
          case `${PENDING}`: item.statusCls = 'pending'; pendingList.push(item); break;
          case `${DONE}`: item.statusCls = 'done'; doneList.push(item); break;
          case `${ABANDON}`: item.statusCls = 'abandon'; abandonList.push(item); break;
          default: break;
        }
        orderList = [...createdList, ...pendingList, ...doneList, ...abandonList];
      }
      this.setData({
        todoList: orderList
      })
    }
  },

  // 保存待办
  async saveTodo() {
    let that = this;

    if(that.data.title === '' || that.data.desc === '' || that.data.date === '' || that.data.status === '') {
      wx.showToast({
        title: '请完善所有字段',
        icon: 'error',
        duration: 2000
      });
      return
    }
    
    // 获取已经保存的数据
    const keys = await wx.getStorageInfoSync().keys;
    let currentData = {
      id: Date.now(), // 生成的时间戳 id
      title: that.data.title,
      desc: that.data.desc,
      date: that.data.date,
      status: that.data.status,
      priority: that.data.priority,
      progress: 0, // 进度默认为 0
    };

    let finalTodoList = [];
    if(keys.includes(localStorageVar.TODO_LLST_DATA)) {
      const todoList = wx.getStorageSync(localStorageVar.TODO_LLST_DATA);
      finalTodoList = [
        ...todoList,
        currentData
      ]
    } else {
      finalTodoList = [currentData];
    }

    // 只允许新建六条记录
    if(finalTodoList.length > 6) {
      wx.showToast({
        title: '最多建六条记录',
        icon: 'error',
        duration: 2000
      });
      return;
    }

    // 有必要则保存到数据库
    await wx.setStorage({
      key: localStorageVar.TODO_LLST_DATA,
      data: finalTodoList
    });

    wx.navigateTo({
      url: '../../pages/list/list',
    })
  },

  finishPomodoro() {
    // 播放音频
    innerAudioContext.src = srcUrl;
    innerAudioContext.play();
    this.setData({
      isPomodoroFinish: true
    });
  },
  async beginDoing() {
    // 如果是已经创建则更改为进行中
    let currentTodoItem = this.data.todoItem;
    currentTodoItem.status = PENDING;
    let modifyList = modifyToDoList(this.data.todoList, currentTodoItem, false);

    // 保存数据
    await wx.setStorage({
      key: localStorageVar.TODO_LLST_DATA,
      data: modifyList
    }); 

    this.setData({
      doing: true
    });

    this.getTodoDetail(this.data.id);
  },
  getTodoDetail(id) {
    // 获取数据
    const keys = wx.getStorageInfoSync().keys;
    if(keys.includes(localStorageVar.TODO_LLST_DATA)) {
      const todoList = wx.getStorageSync(localStorageVar.TODO_LLST_DATA);
      const item = getTodoItem(todoList, id);
      this.setData({
        todoList: todoList,
        todoItem: item
      });
    }
  },