前端開發流程（本身整理）

1. 查看設計稿，分析設計稿，瞭解網站的總體功能

2. 分析每個頁面，理清頁面結構，功能，交互，可複用的模塊，組件。

3. 理完一遍後帶着問題與設計討論，確保想法一致。

4. 開發前準備，詢問設計有無設計樣式規範，若是設計有設計樣式規範，有章可循，則按照樣式規範編寫通用CSS；若是沒有樣式規範，則在開發過程當中運用工具量出樣式，最好copy防止出錯。

5. 前端小組討論，統一思想，統一編碼規則，明確技術棧，分配頁面任務，保持步調一致。

6. 技術棧選定後，在開發過程當中，先編寫靜態頁面，UI，樣式與設計稿一致後，整理交互邏輯，可編寫流程圖，理清各類狀況，能加快編寫代碼邏輯，及查找問題的速度。在後期的維護過程當中，查看流程圖能更快地明確痛點。

7. 其中技術棧，編碼規則，模塊，組件，與開發人員的技術和能力有關，不一樣的技術棧有不一樣的編碼規則，選取技術棧要按需而定。