技術 [Day 28] 網路常識 - (13) HTTP cache - 那些 browser 默默幫你做的請求優化

在前面 HTTP 的歷史中，有提到在 HTTP/1.0 和 HTTP/1.1 時，有加入了些優化的機制，讓瀏覽器可以 cache 一些之前請求過的 API 資料...

技術 [Day 27] 網路常識 - (13) HTTP 的發展史 - HTTP/3.0: 改善傳輸層的效能 (待補)

kinds of scenarios one small site acontent heavy site with lots of imagesand som...

技術 [Day 24] 網路常識 - (10) TCP connection 沒有你想像的簡單！ 細談大量 TCP 連結的效能問題和資安問題

在建立 TCP connection 時，實際情況不是發出一個 request，server 就會馬上處理，可能同時還有許多 user 想建立 TCP conn...

技術 [Day 23] 網路常識 - (9) 為什麼要知道 TCP 四次握手終止？四次握手過程為何？

為什麼比建立連結時多了一次 handshake ? 多了一次 handshake 的主要差別在 Server 發送 segment 時，把 FIN segme...

技術 [Day 22] 網路常識 - (8) 為什麼要知道 TCP 三次握手？三次握手過程為何？

為什麼知道 TCP handshake 很重要？ 前端面試必考 知道 TCP handshake 過程很複雜，每次建立所要花的時間和代價都很大，可以的話盡量減...

技術 [Day 15] 網路常識 - (1) 什麼是 DNS？ 跟前端有什麼關係？ - 為什麼要知道 DNS & request 效能監控

前言 今天要來進入新的章節 - 網路常識 當在往成為更好的前端的路上，通常都會看到一些文章，講述我們需要的一些網路常識，包括： DNS HTTP / HTTP...

技術 [Day 14] 測試思維 & 單元測試 - (10) 測試 api 與 React Query 的最佳幫手 - MockServiceWorker

前言 在前述 [Day 12] 測試思維 & 單元測試 - (8) 與 api 的測試 有提到 api 的測試，其實要在每個測試都去 mock api...

技術 [Day 13] 測試思維 & 單元測試 - (9) 每個測試都該是獨立的，那些你該清的 api mock data

為什麼要清除 mocking api function？ 先說最終目的：避免每個 test case 的結果互相干擾 在單元測試的藝術中 (Section 8....

技術 [Day 12] 測試思維 & 單元測試 - (8) 與 api 的測試

前言 在前端，我們會有好幾種呼叫 api 的方式： 直接利用 fetch 或 axios 等直接呼叫 api 將 fetch 和需要的參數封裝在一個 fu...