---
# System prepended metadata

title: 第三週小組任務
tags: [每週小組任務]

---

#  第三週小組任務
###### tags: `每週小組任務`!


## 挑戰一：團隊成員一起搞定 GitHub Pages

課程最終目標是完成獨立的電商作品，而此作品也會上傳到 Github Pages 作為展示空間（同學亦可上傳到自己的網路空間），因此建議同學可以提前掌握 Github Pages 運用技能。

1. 請成員建立自己的 **Github 儲存庫**
2. 簽入一個 html 頁面，並上傳至 Github
3. 使該頁面以 gh-pages 的形式開啟（每個成員都需要自己的 gh-pages 才算成功）

||組員名單|GitHub Pages|GitHub Repo|
|-|---|---|---|
|1| YI#0863 |[Pages](https://sming0305.github.io/WOWOROOM/)|[Repo](https://github.com/sming0305/WOWOROOM)|
|2| 你看我像是會玩嗎#1866 |||
|3| Rr#2215 |||
|4| KC_8685#9343 |[Pages](https://cathy7485.github.io/hexschool_2022JS_final/)|[Repo](https://github.com/Cathy7485/hexschool_2022JS_final/tree/gh-pages)|
|5| Jill#5577 |[Pages](https://jillkate.github.io/2022-JS-W5/)|[Repo](https://github.com/JillKate/2022-JS-W5)|
|6| 阿修#9176 |||
|7| 雞腿#6089 |||
|8| GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922 |||
|9| 小潘#8743 |||
|10| 阿基基#2557 |||

### 學習資源參考連結：

- [課程教學 GitHub Pages](https://courses.hexschool.com/courses/vue-202121/lectures/43289915)
- [Github Pages - 免費網頁空間隨你開](https://youtu.be/njlABvVRB68?t=419)（7分處至 23分）
- [GitHub Pages - 建立靜態網站](https://w3c.hexschool.com/git/21756c99)

## 挑戰二：團隊測驗

完成團隊測驗：https://bejewled-air-4cb.notion.site/6a66fd7e960e4027b57e78cb5ab2a971

填寫表單：https://docs.google.com/spreadsheets/d/1K4B-UylFM3gmz_JTl7vTtkznzQ-WvGfQewTlcNY15fI/edit#gid=1645740751

|題號|答案回答|補充說明|
|-|---|---|
|1|(1) 正確|非同步程式碼會在同步程式碼後執行||
|2|(2) 不對|範例中 promise 是callback function 屬非同步>最後執行||
|3|(1) 正確|1會被視為true，執行resolve，結果會由then接收||
|4|(2) 不正確|可以return接續呼叫另一個promise的寫法||
|5|vm.response=res|若不改為箭頭函式，就要先將this指向其他變數||
|6|this.response=res|callback function改為箭頭函式後，該函式的this指向會與其上一層function的this相同||
|7|{{message}}|Vue {{}} ||
|8|(1) style 會被加入 display: none|資料驅動畫面，三元運算子在這邊可以運作||
|9|(2) 2|物件傳參考特性，若沒做拷貝處理，會影響原物件||
|10|(3) 這樣寫還是可以運作|物件是傳參考，所以在此依然可以修改屬性||
|11|(1) [{ value: 1}, { value: 2 }, { value: 3 }]|item= 這裡指向了新物件，不會影響原本的||
|12|(2) watch 可以用來監聽 data 狀態，接下來觸發類似於 methods 的行為|methods 不一定要改變data / computed盡可能不改變狀態||
|13|(3) prevent|Vue修飾符，取消預設行為||
|14|(2) : 是 v-bind 的縮寫|v-for, v-if 記憶中應該不能用在同一個元素上 key屬性建議加入唯一值||
|15|(2) { const a = 1 }|{{}}內可填入表達式||