前端 Frontend

白話文說明

當你打開一個網站，看到的文字、圖片、按鈕，點下去會有反應——這些全是前端在做的事。它跑在你的瀏覽器或手機上，負責「呈現」與「互動」。

前端的工作可以拆成三件事：結構（畫面上有什麼）、樣式（長什麼樣子）、行為（點了之後發生什麼）。它本身通常不存放資料，需要資料時會去「後端」拿。

為了不必每次從零打造這三件事，多數團隊會用前端框架，例如 React、Vue 或 Next.js。

架構圖

運作流程

當你按下「購買」會發生什麼

一次點擊，對前端來說不只一個動作，而是一連串：

1. 接住這次點擊——它察覺按鈕被按下，讀取你選了什麼。
2. 顯示載入狀態——按鈕變灰、出現轉圈，避免你重複點擊。
3. 送出請求——把訂單打包，請後端處理。
4. 更新畫面——成功就顯示確認；失敗（缺貨、刷卡被拒）就給一句清楚的提示，讓你能重試。

購買是否成立從來不是前端決定的——它只負責轉達請求，並把後端的結果顯示出來。

重點整理

• 前端＝使用者直接接觸的那一層。
• 它負責呈現與互動，資料則向後端拿。
• 體驗很重要，但正確性要靠後端一起把關。