iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

Learn HTTP With JS(2) 系列

前 20 篇會介紹 Node.js http 模組的架構,一路涵蓋整條繼承鍊,從 EventEmitter、stream、net.Socket 講到 http 模組本身,讓讀者在以後在使用 Node.js 寫 HTTP client & server 的時候,會更了解其底層架構

後 10 篇會是 10 個獨立的主題,涵蓋了我在真實世界遇到的各種情境,包含 Link header、Content-Disposition 以及 100-continue 等等,從真實場景出發,讓讀者更能貼近實務

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

深入理解 HTTP/1.1 pipelining 與 HOL Blocking

前言 打完 PortSwigger 的 HTTP Request Smuggling 之後,我開始在真實世界研究這種技巧,結果卻不小心踩到 HTTP/1.1 p...

DAY 22

深入解析 <a download> 與 Content-Disposition:各種 Edge Case 實測

前言 身為一位前端工程師,某天在 code review 的時候,發現同事寫了一段讓我很好奇的程式碼 // libs/ui/src/file-link/inde...

DAY 23

<a download> vs Content-Disposition:檔名優先順序與編碼陷阱

前言 承接上一篇,這篇來聊聊 &lt;a download&gt; 跟 Content-Disposition 是如何處理下載的檔名 &lt;a downloa...

DAY 24

HTML <link> 全解析:preload、prefetch、crossorigin 用法

前言 在現代前端框架盛行的年代,很少會需要大量的手動設置 &lt;link&gt;,基本上 bundler 會處理好各種 JavaScript, CSS 的載入...

DAY 25

HTTP Link header 教學:比 HTML <link> 更快載入資源

前言 承接上一篇在 HTML 宣告 &lt;link&gt;,這篇要來介紹一個更快的做法:在 HTTP response header 宣告 Link Brow...

DAY 26

Expect: 100-continue 解析:用途、Node.js 實作與 curl 行為

前言 2025/11,我在 Linkedin 看到了 James Kettle 發的這篇文章 簡單講就是利用 Frontend 跟 Backend 對 Expe...

DAY 27

為何 response header 會出現 Nncoection 這個怪異拼法?從 TCP Checksum 到 F5 BIG-IP 架構,一步步破解

前言 某天在逛一個網站時,看到 response header 有 Nncoection: close 當下立即想到是拼錯的 Connection: clos...

DAY 28

介紹 ALPN 如何讓 client 與 server 在 TLS 階段協商 HTTP/1.1 或 HTTP/2,並以 curl、Node.js 實例解析

前言 當我們在本機啟動一個 Node.js http.Server import http from &quot;http&quot;; const http...

DAY 29

m3u8 與 HTTP Live Streaming (HLS) 解析:preload、字幕與動態畫質切換教學

前言 某天在 聯合影音網 看到了影片的 HTML 標籤 &lt;video class=&quot;ui-video&quot; width=&quot...

DAY 30

preconnected TCP socket 被偷塞 response 後,瀏覽器錯誤綁定給後續 request,Chrome、Firefox 回報與規範分析

前言 在 HTTP/1.1 的世界,client 在一條 TCP connection 發送多個 HTTP request,server 會依照 client...

陳昱昇(痛不昱昇)的收藏
陳昱昇(痛不昱昇)的追蹤
陳昱昇(痛不昱昇)的Like
陳昱昇(痛不昱昇)的紀錄