001 todolist by卡斯伯

不要再按 “封存”

20180606

The F2E 活動說明

本活動是由六角學院發起的坑目的是拉攏一堆人(填坑者)來一起練功
六角學院提供:
  • 製作的目標 ex todolist
  • User story
  • 設計稿
填坑者:
  • 依據目標完成可展示的頁面
  • 可完成 CSS 就算完工
常見問題:
  • 要完成到什麼程度?
  • 至少完成切版
  • 一定要按照設計稿做嗎?
  • 你可以依據主題自己自行發揮
  • 提供的設計稿是什麼格式?
  • 沒有提供 HTML, CSS


001 todolist 說明

  • User story
  • 1.能夠紀錄每天的待辦事項
  • 2.可標示每個待辦優先重要級別,預設為無。
  • 3.可拖拉待辦事項,調整排序。
  • 4.每筆待辦可新增時間提醒 (yyyy/mm/dd hh:mm)
  • 5.每筆待辦可再填寫評論與附加檔案
  • 6.待辦狀態:全部顯示(預設)、待處理、已處理
  • 7.待辦事項過多時,需考量內容是否需要摺疊
  •  Vue + Todo List 的原始碼
  • 完整範例(註解):
  • 模板+ Vue CLI(無註解)
  • 注意:以上兩者均是透過 Vue Cli 環境建置,而完整版本另需要使用 Json-server 才能新增刪除資料
  • 作業分享

可能會遇到的問題

  • icon 如何獲得? fontawsome.com
  • 是否全部功能都要做?不一定,做到認為有挑戰的部份