---
# System prepended metadata

title: WEEK4_HW
tags: [Cmoney_Web_檢討]

---

---
tags: Cmoney_Web_檢討
---
WEEK4_HW
===

檢討後
---

1. 04_week4_recommend
    1. data 要用 localStorage 存起來

2. 01_week4_holiday
    1. 多行隱藏 要注意瀏覽器相容性 
    2. 如果 api 吐回來沒有網址 就不能有 a 標籤



評語
---
### 01_week4_holiday: 85
1. 還原圖稿: 節慶數的數量沒有粗體
2. 還原圖稿: 資料沒有連結不該在網頁上渲染出來 \<a> 元素
3. 還原圖稿: "節" 應為粗體字
4. HTML: 要有個塊級元素包覆目前的 \<a> 元素，盡量不要把 \<a> 元素加入排版，否則，萬一抽掉 \<a> 元素會導致走山
5. HTML: 活動名稱的標題應該要比主辦單位的標題還要高
6. HTML: "節慶數" 不應設定為標題
7. HTML: 既然左欄已設定為 \<aside> 元素，表示為次要，故裡面的標題不應該高於右欄的活動名稱
8. CSS: .card:hover .card__img img 效率較差，應改為 .card:hover .card__img .img-resp
9. CSS: .card__img img 多設定了 width: 100%
10. 加分 - CSS: 使用預處理器
11. 加分 - CSS: \<article> 為主要內容，結構擺前，利用 row-reverse 反轉
12. 不扣分 - Js: 簡單變數與元素變數不好識別
13. 加分 - Js: 加入 catch

### 02_week4_index: 88
1. 還原圖稿: 偶數列沒有套用灰色
2. 還原圖稿: 文字顏色過淺
3. Js: 在 HTML 中，已經有 icon 了，為何還要用 innerHTML 塞入  icon?

### 03_week4_remove: 92
1. 加分 - Js: 使用立即函式

### 04_week4_recommend: 87
1. Js - 若使用者在期限內，一直重複回來該網頁就會一直 Call API