前言
這次的心得比較偏向個人的筆記，提醒自己在下次專案應該注意的部分。
1. 和設計師溝通共有的設計元素(Style Guide)
確定相同的設計元素(字體、按鈕、標題style、間距、邊框)，讓那些抽離出來變成組件或者是共用同個CSS。最佳的方法就是用Zeplin之類的軟體，增加溝通效率
2. RWD的版型考量因素
設計師通常只畫5個斷點（320px、640px、768px、1024px、1280px），
- 要考量不同斷點之間的排版
- 字很多要怎麼辦、字太少要怎麼辦
- button變多或select只有一個怎麼辦
- 儘量把內容在手機上做完整的顯示（RWD not AWD）
- 圖片橫圖同時也有直圖
3. 網頁使用步驟與互動（UX）
和pm與設計師討論User使用的步驟，確定是否有animation。
4. Api格式考慮以視覺的Component爲主
跟後端要求api的資料和Component同步，若無法達到，則考慮自己fetch後用reduce重組資料。
5. 過早優化是萬惡之源
在上線之前（甚至上線之後），需求都沒定下來，要用比較彈性的做法，先求有再求好：
- 用上比較多功能的套件，方便需求增刪
- 用css class而不是html selector來寫css（eg: NOT div > a）
6. 別把1%看得太重
也許還有1%的人還在用IE，但不能因爲他們就放棄新功能，應以大多數人爲主。被抓到再改吧（誤
後記
以上真的是濃縮再濃縮，精華中的精華，後期爲了這些而好痛苦，下次我不想犯下這些錯誤了（哭