---
tags: Cmoney_Web_檢討
---
WEEK5_HW
===

檢討後
---
1. 04_week5_product
1. float 要注意 clearfix 要設置 因為 float 跟下 position 一樣 會讓他脫離父元素的排版
2. 要分成多個組件

1. 06_week5_cart
1. 要分成多個組件

評語
---
### 01_week5_post: 88
1. 還原圖稿: 標題上方空間
2. 還原圖稿: 摘要文字的大小與色彩
3. Vue: alt 的動態渲染有誤
4. 加分 - CSS: 使用預處理

### 02_week5_water: 87
1. 還原圖稿: 上升與下降套錯
2. 還原圖稿: 顏色套錯
3. HTML: 水量不需要用 \<h3>

### 03_week5_phone: 82
1. 還原圖稿: 行距太小
2. HTML: 結構有多包一層
3. HTML: 一個網頁中，只能有一個 \<main>
4. Vue: 文字渲染有誤，出現兩個相同的文字項目"顏色"

### 04_week5_product: 84
1. CSS: 寬度不應該寫死
2. CSS: 未處理 float 後所發生的問題

### 05_week5_3c: 80
1. 還原圖稿: 商品名稱行距過小
2. 還原圖稿: 24H 下緣處被切到
3. 還原圖稿: 贈品的顏色不對
4. 還原圖稿: 價格的文字過小
5. CSS: 寬度不應該寫死
6. Vue: 未使用元件管理，導致邏輯複雜

### 06_week5_cart: 87
1. 還原圖稿: 價格文字過小
2. 還原圖稿: 摘要文字過小
3. 還原圖稿: 按鈕沒有圓角
4. 不扣分 - Vue: 最大值與最小值不需要使用 computed
5. 不扣分 - Vue: 可試著區出分元件內 methods 與父層 methods 的方法名稱，以利後續維護