---
# System prepended metadata

title: WEEK3_QUIZ
tags: [Cmoney_Web_檢討]

---

---
tags: Cmoney_Web_檢討
---
WEEK3_QUIZ
===

檢討後
---

1. 排版和動畫要分開 不要混在同一個 class 裡面
2. id 命名要用大駝峰
3. queryselector 用 id 不要用 class
4. script defer  會先載入 等 DOM 跑完才會發動
5. 如果有多個 script 依樣會等 DOM 跑完才會由上而下依序發動
6. 不要用 screen.height 用 innerHeight 
>[screen.height vs innerHeight](https://www.gushiciku.cn/pl/gmVY/zh-tw)
>[clientHeight vs innerHeight](https://shubo.io/element-size-scrolling/)
![](https://i.imgur.com/K0lnLtt.jpg)
![](https://i.imgur.com/MjtZR2L.jpg)
![](https://i.imgur.com/X95xxPq.png)




評語
---
1. 還原圖稿: 頁首文字沒有凹凸
2. 還原圖稿: 頁首區塊沒有凹凸
3. 還原圖稿: 沒有製作左、右淡入動畫
4. 還原圖稿: 沒有頁尾
5. HTML: 應該將文字資訊置於影像之前
6. HTML: id 不可重複
7. 加分 - CSS: 使用前處理
8. Js: 若要控制 2 個以上的 CSS 屬性，應使用 class 套用，效率、管理都比較好


