基礎概念 伺服器怎麼運作?從 Port、封包到監聽請求的世界 By徐培鈞 2025 年 4 月 3 日2025 年 4 月 3 日 當你打開瀏覽器輸入一個網址,例如 https://example.com,然後按下 Enter,不到幾秒鐘你就能看到一個網頁畫面出現在眼前。 這個過程看似簡單,實際上背後發生了許多運算與溝通,而這些動...
基礎概念 後端是什麼?從瀏覽器背後那台伺服器開始說起 By徐培鈞 2025 年 4 月 3 日2025 年 4 月 3 日 每天我們使用手機或電腦瀏覽網頁、滑社群、查資料、線上購物,看似一切操作都發生在畫面上,其實背後有一整套龐大又複雜的系統在默默運作,這就是「後端」。 當你點擊一個「登入」按鈕,背後會發生什麼事?你輸入的...
基礎概念 從伺服器要資料的那一刻:前端與伺服器的對話 By徐培鈞 2025 年 4 月 2 日2025 年 4 月 2 日 當你打開一個網站、點擊一個按鈕或搜尋某個關鍵字時,畫面背後其實正在發生一連串「前端與伺服器的對話」。 這些對話看不見,但卻是讓網站能正常運作的關鍵。 這篇文章將帶你了解這個對話流程,也就是我們常說的「...
基礎概念 從設計稿到網頁:前端工程師的第一步 —— 切版是什麼? By徐培鈞 2025 年 4 月 1 日2025 年 4 月 2 日 當你剛接觸前端開發,學會了 HTML 和 CSS,可能會開始好奇:「實際工作中,前端工程師到底在做什麼?」 你可能聽過一個常見的詞 —— 切版,它經常被前端工程師掛在嘴邊,也常被視為進入前端開發的入門...
基礎概念 從框架到 Build:現代前端開發的樣貌 By徐培鈞 2025 年 4 月 1 日2025 年 4 月 2 日 對許多剛接觸前端開發的初學者來說,第一眼看到的可能是 HTML、CSS 和 JavaScript 三位一體的「靜態網頁三寶」。 但隨著學習深入,你會發現各種名詞如 React、Vue、Sass、Web...
基礎概念 什麼是前端?用生活例子理解「讓畫面動起來的人」是做什麼的 By徐培鈞 2025 年 4 月 1 日2025 年 4 月 3 日 當你打開 Google 搜尋資料、滑 Facebook 看朋友的貼文、或者逛網拍買衣服時,你可能沒想過這些畫面是怎麼出現在螢幕上的。 你點擊按鈕、填寫表單、滑動圖片,一切看起來理所當然,但其實這背後有...
JavaScript JavaScript 的 … 是什麼?為什麼能一招打天下? By徐培鈞 2025 年 3 月 31 日2025 年 3 月 31 日 三個點,無限可能? 如果你剛開始學 JavaScript,或許會對這個符號 … 感到困惑。 明明就是三個點,它卻能在不同場景下做出完全不同的事情,有時展開一個陣列,有時又像是把東西包起來。 這篇文…
JavaScript JavaScript 初學者必懂:剩餘參數(Rest Parameters) 與展開參數(Spread Arguments)完整解析! By徐培鈞 2025 年 3 月 31 日2025 年 3 月 31 日 在 JavaScript 中,你可能會常常看到三個點的語法 …,它有兩種超常見的用途: 出現在函式定義時,叫做 Rest Parameters(剩餘參數) 出現在函式呼叫或資料結構中,叫做 Spr…
JavaScript JavaScript 初學者必懂:解構賦值 vs 展開運算子,傻傻分不清?一次搞懂! By徐培鈞 2025 年 3 月 31 日2025 年 3 月 31 日 在 JavaScript 中,有兩個非常常見又容易混淆的語法:解構賦值(Destructuring Assignment) 與 展開運算子(Spread Operator)。 初學者常常一看到 ……
JavaScript JSX 背後的真相:它是怎麼轉換成畫面的? By徐培鈞 2025 年 3 月 30 日2025 年 3 月 30 日 本篇文章將帶你揭開 JSX 背後的真相,從 Babel 的轉譯過程,到 React.createElement 的角色,最後簡單介紹虛擬 DOM(Virtual DOM),讓你理解 JSX 是怎麼一步...