---
# System prepended metadata

title: W_To do list 筆記
tags: [javascript]

---

# W_To do list 筆記
[TOC]

## 施工想法(目前想到能做得部份)
`head``nav`
- breckpoint 768px 以下，點擊不同 nav ，下方一條導引線會一起更動

`main`
- 點擊 ＋ Add task ，會彈出編輯視窗，可編輯並儲存
- 點擊 ＋ Add task 並且 Save 之後，底部 tasks 會顯示所有任務數量
- 點擊Save後，畫面會滑走並且出現在任務條上
- 點擊Cancel，會有兩個狀況
    - 如果沒有編輯，畫面會滑走，並且恢復沒有bar狀態
    - 如果已有內容，Cancel只會關閉視窗
- 點擊打勾後，字會變成灰色，並且加上橫線
- 點擊鉛筆後，鉛筆顏色變藍色，再來是可以彈出入可編輯框
- 點擊星星後，星星會發光，任務條會變黃色並且置頂

## 回憶與複習前面部份

#### sass & css
- sass forward 是組織所有檔案到一個地方
- use

#### terminal
- npm run watch
- 

#### 推送到兩端
- git remote -v
- git remote add xxx github@..
- git push gitlab && github

#### 引入js
- `<script src:></script>`