---
tags: Cmoney_Web_檢討
---
WEEK4_QUIZ
===

檢討後
---
1. 奇偶列的背景顏色不同，如果比較多時用 JS (奇偶各寫一個 class 套上)，資料比較少用 CSS (用 `:nth-child(even)`)
2. [colgroup 用法](https://www.w3schools.com/tags/tag_colgroup.asp)
3. [tfoot](https://www.w3schools.com/tags/tag_tfoot.asp) 可以用在購物車的小計
4. 控制表格寬度套 class ，不要用 inline style
5. 變數綁定元素，命名前面加 elem- 例如 elemBody

評語
---
1. HTML: 右側分頁並未連結到其他頁面，故應應使用 \<button> 元素
2. HTML: Loading 的內容並非主要內容，應放置到最下方
3. 加分 - CSS: 使用預處理
4. CSS: .loading 的 position 設定 fixed 較好，避免捲動畫面時看到下方露白的狀況
5. CSS: .loading 的深度沒有控制好
5. 不扣分 - Js: 雖然 Loading 的出現是為了 ajax 資料，但擺放到 lastPage = 0 的後面會更好，確保 DOM 都形成後再關閉
6. 不扣分 - Js: 建議可以把初始化要做的事情放一起，動作的事情放一起，除錯時比較好找
7. 不扣分 - Js: 右側的分頁並非跳頁，所以用 \<button> 較妥當，也不用再加入 preventdefault()
8. Js: 在 changePageNum 的函式中，e.target 用了 3 次，建議賦值給變數較好管理
9. Js: 當下的頁碼重新點選有效能浪費的狀況