iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

Learn HTTP With JS 系列

透過 JavaScript 與 Node.js 的 HTTP module,實作並學習 HTTP 1.1 的各種核心概念。帶你從瀏覽器與伺服器的角度理解 HTTP message、headers、連線管理、快取機制、CORS、安全性等網路協定的重要主題。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

深入解說 HTTP message

關於本系列 這是一個 30 篇 HTTP 文章的挑戰,記錄我身為前端工程師,透過 NodeJS HTTP 模組的實際 Coding,學習 HTTP 1.1 的過...

2025-08-01 ‧ 由 shemira 分享
DAY 2

Keep-Alive 和 Connection

在 http 1.0 的世界,預設每個請求都會建立一個 TCP Connection,到了 http 1.1,預設行為變成會保留 TCP Connection,...

2025-08-02 ‧ 由 shemira 分享
DAY 3

HTTP 1.1 HOL blocking

今天要來讓大家實際體驗 HTTP 1.1 HOL (head-of-line) blocking,首先,用 NodeJS http module 建立一個簡易的...

2025-08-03 ‧ 由 shemira 分享
DAY 4

Origin And Referer

行前準備 為了等等方便測試,我們一樣先建立一個簡單的 NodeJS HTTP Server,所有 path 跟 method 都統一回傳 ok 字串就好 imp...

2025-08-04 ‧ 由 shemira 分享
DAY 5

深入瞭解 Referrer Policy

Response Header 也能設定 referrerPolicy? 上一篇談到使用 fetch API 的參數來設定 referrerPolicy,現在要...

2025-08-05 ‧ 由 shemira 分享
DAY 6

Content-Type And MIME Type

名詞解釋 當我們在說 Content-Type 跟 MIME Type 或是 Media Type 的時候,其實通常都是在說同一件事情,差別在於: Cont...

2025-08-06 ‧ 由 shemira 分享
DAY 7

Server-sent events

AI 時代來臨,讓 SSE 技術再次浮上檯面 當我們使用 AI 工具如 Claude 或是 ChatGPT 時,會發現 AI 在回答時,內容會一個一個字出現,而...

2025-08-07 ‧ 由 shemira 分享
DAY 8

Transfer-Encoding

Transfer-Encoding: chunked HTTP 1.1 的世界,新增了 Transfer-Encoding: chunked 的概念,允許 re...

2025-08-08 ‧ 由 shemira 分享
DAY 9

Accept-Encoding and Content-Encoding

透過瀏覽器觀察 Accept-Encoding 當我們使用瀏覽器打開任何一個網頁時,F12 > Network > Doc > Request...

2025-08-09 ‧ 由 shemira 分享
DAY 10

Sec-Fetch

Sec-Fetch 是什麼 Sec 是指 Security Sec-Fetch 開頭的 HTTP Request Headers 總共有 4 個 Se...

2025-08-10 ‧ 由 shemira 分享