iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

為了成為更好的前端,我開始在乎的那些事 系列

- 網路常識
- HTTP
- TCP/IP
- CORS
- 真的有用的前端測試
- test 3 mindsets
- case naming / code pattern
- provider test
- mocking api data
- Performance
- Cache
- React deep dive
- Code
- Useful Design pattern

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

[Day 11] 測試思維 & 單元測試 - (7) 利用 immer.js 輕鬆建立 mock data

前言 在我們做測試的時候,常常會需要假資料來幫我們模擬真實的情境,也就是 mock data,像是 mock redux state mock api res...

2023-09-26 ‧ 由 bensonchen3418 分享
DAY 12

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

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

2023-09-27 ‧ 由 bensonchen3418 分享
DAY 13

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

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

2023-09-28 ‧ 由 bensonchen3418 分享
DAY 14

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

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

2023-09-29 ‧ 由 bensonchen3418 分享
DAY 15

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

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

2023-09-30 ‧ 由 bensonchen3418 分享
DAY 16

[Day 16] 網路常識 - (2) 什麼是 DNS? 跟前端有什麼關係? - 網路世界 & 本地 DNS cache

今天會延續 DNS 的部分,正式來解釋 DNS 如何運作,和如何優化   DNS 原理解釋 Internet 與 IP address 在解釋 DNS 前,讓我...

2023-10-01 ‧ 由 bensonchen3418 分享
DAY 17

[Day 17] 網路常識 - (3) 什麼是 DNS? 跟前端有什麼關係? - DNS resolver

今天一樣繼續介紹 DNS,我將介紹: DNS resolver 的運作流程 如何優化 DNS 請求 前端部署 & DNS   DNS resolve...

2023-10-02 ‧ 由 bensonchen3418 分享
DAY 18

[Day 18] 網路常識 - (4) 什麼是 DNS? 跟前端有什麼關係? - DNS 在前端的應用

前言 前三篇已經介紹完 DNS 的原理,今天會來介紹一下 DNS 到底對前端在工作上有什麼幫助,主要分為 2 個: 優化 request speed 設定 d...

2023-10-03 ‧ 由 bensonchen3418 分享
DAY 19

[Day 19] 網路常識 - (5) 什麼是 DNS record? 跟 DNS 有什麼關係?

什麼是 DNS record? 為什麼需要它? 我們之前有提到,DNS 會幫我們把 Domain name 指向 IP address,其實 DNS 的本質就像...

2023-10-04 ‧ 由 bensonchen3418 分享
DAY 20

[Day 20] 網路常識 - (6) 什麼是 CDN?

CDN 是什麼? 為什麼要使用 CDN? 在早期 199X 年代,原本是用來作為傳輸靜態內容到各個世界,後來近期,只要有 http traffic,就有可能使用...

2023-10-05 ‧ 由 bensonchen3418 分享