網路與介面
前端(frontend)
/ FRUNT-end /
前端(frontend)就是一個應用裡你真正看得見、摸得著的部分——按鈕、文字、版面,以及你點擊時會動起來的那些東西。它在你的瀏覽器裡、在你自己的裝置上執行,由 HTML、CSS 和 JavaScript 搭成。
它是一對搭檔裡的一半。前端是店面:櫥窗、貨架、站在櫃台後的店員。後端則是牆後的一切——倉庫、收銀機、帳本——這些可以去看「後端(backend)」那條。前端的任務,就是讓牆後這一切用起來既簡單又舒服。
因為它跑在訪客自己的機器上,前端必須友善又快:它把內容展示出來,收集你輸入或點按的東西,再去和後端對話,取回或儲存真正的資料。任何你在頁面上按右鍵就能查看的東西,都屬於前端。
$ npm run dev ➜ Local: http://localhost:5173/
啟動一個前端開發伺服器,在瀏覽器裡打開它——那個頁面就是前端。
「前端」和「後端」說的是程式碼在哪裡執行、歸誰負責——而不是誰更難。打磨一個出色的前端,本身就是一門很深的手藝。
又稱
另見