iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 85 瀏覽

鐵人賽 JavaScript DAY 6

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 6 篇

技術 Day06：TypeScript 的擴充型別

擴充型別 1. 元祖型別（Tuple Types）前一篇文章在介紹陣列型別時，有稍微帶到元組的概念。可以將元組型別（Tuple Types）理解為工作方式類似...

Annie ‧ 2024-09-19

0 Like 0 留言 98 瀏覽

鐵人賽 Software Development DAY 5

前端也想學設計模式系列第 5 篇

技術 Day 05 - Factory Method 工廠方法

工廠方法是建立型模式，它提供一個物件建立方法，讓客戶不需透過具體類別就能建立物件。生活案例想像你在路邊的自動販賣機買飲料，只要選取想要的品項，再投入對應的金...

Evans Wu ‧ 2024-09-19

0 Like 0 留言 74 瀏覽

鐵人賽自我挑戰組 DAY 4

前端系統設計系列第 4 篇

技術 [Day4] PACE UP !! 系統設計的評估維度

前言在面試中，面試官會嘗試去找出面試者所散發出的 signals，藉此決定 "是否要 Hire" & "最終評等&quo...

bensonchen3418 ‧ 2024-09-18

0 Like 0 留言 120 瀏覽

鐵人賽自我挑戰組 DAY 3

前端系統設計系列第 3 篇

技術 [Day3] 系統設計的模板 - RADIO framework

前言我們在做系統設計或系統設計的面試中，常常會有一些固定的步驟，像是討論需求、設計架構、設計 API 等步驟，GreatFrontEnd 的開發者幫我們整理了...

bensonchen3418 ‧ 2024-09-17

1 Like 0 留言 161 瀏覽

鐵人賽 Software Development DAY 1

前端也想學設計模式系列第 1 篇

技術 Day 01 - 前言

對於軟體工程師而言，工作日常就是接受需求與提出解決方案。面對新需求時，除了要思考如何解決問題，還要在不同的解決方案之間做出抉擇。不同的情境有不同的考量，如何從眾...

Evans Wu ‧ 2024-09-15

0 Like 0 留言 99 瀏覽

鐵人賽自我挑戰組 DAY 2

前端系統設計系列第 2 篇

技術 [Day2] 前端系統設計題目類型

分類 Frontend system design 分為兩種： Applications UI component Application 因為 Web...

bensonchen3418 ‧ 2024-09-16

0 Like 0 留言 5969 瀏覽

徵才 \ 🛎【漸強實驗室】正在招募：資深後端工程師 (Python / Golang) / 資深維運工程師

漸強實驗室目前正在招募資深工程師！歡迎對 #B2B ＃Saas產業＃新創有高度興趣的人才加入我們～【關於漸強實驗室】漸強實驗室透過MarTech 行銷科技...

alvinchiu ‧ 2024-07-15

0 Like 0 留言 493 瀏覽

技術我從 Angular 中分離出來依賴註入:`static-injector`

Angular 中的依賴註入確實非常好用,可以使服務之間的依賴關系變得更加靈活和可復用但是只能在 Angular 中的使用限製了他的發揮,需要讓他在所有 n...

wszgrcy ‧ 2024-03-24

0 Like 0 留言 779 瀏覽

鐵人賽自我挑戰組 DAY 30

為了成為更好的前端，我開始在乎的那些事系列第 30 篇

技術 [Day 30] 網路常識 - (15) HTTPS - 我是誰？用 CA 憑證來表明自己

前言經過上一篇的解說，我們知道，就算利用的非對稱加密這種聰明的方法，仍舊還是不夠，所以，我們需要一種更安全的方式，來保證我們的傳輸是安全的，也就是現在 HTT...

bensonchen3418 ‧ 2023-10-15

0 Like 0 留言 272 瀏覽

鐵人賽自我挑戰組 DAY 28

初探全端之旅: 以MERN技術建立個人部落格系列第 28 篇

技術 [Day28] 使用者頁面和更新使用者資料開發

大綱使用者頁面開發更新使用者資料 1. 使用者頁面開發 Wireframe 建立檔案一樣先在pages資料夾底下建立Profile.js在這個頁面...

Yihsuan ‧ 2023-10-13 ‧團隊Quokka In The Cloud

0 Like 1 留言 453 瀏覽

鐵人賽自我挑戰組 DAY 27

為了成為更好的前端，我開始在乎的那些事系列第 27 篇

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

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

bensonchen3418 ‧ 2023-10-12

0 Like 0 留言 927 瀏覽

鐵人賽自我挑戰組 DAY 26

初探全端之旅: 以MERN技術建立個人部落格系列第 26 篇

技術 [Day26]發布文章頁面開發和React Quill使用

大綱 Wireframe Quill.js介紹發布文章頁面開發 1. Wireframe 2. Quill.js介紹 Quill 是一個開源且極具彈性...

Yihsuan ‧ 2023-10-11 ‧團隊Quokka In The Cloud

0 Like 0 留言 420 瀏覽

鐵人賽自我挑戰組 DAY 26

為了成為更好的前端，我開始在乎的那些事系列第 26 篇

技術 [Day 26] 網路常識 - (12) HTTP 的發展史 - HTTP/2.0: 改善應用層的效能 (待補)

HTTP/2 主要是要解決 HTTP 1.1 什麼問題？ HTTP 1.X 文本傳輸造成解析緩慢 HTTP 1.X 的效能問題 HTTP 1.0 在一個 TCP...

bensonchen3418 ‧ 2023-10-11

0 Like 0 留言 281 瀏覽

鐵人賽自我挑戰組 DAY 25

初探全端之旅: 以MERN技術建立個人部落格系列第 25 篇

技術 [Day25] 文章列表頁和標籤頁開發

今天這兩個頁面比較單純的只是呼叫API去取得當前的資料，並顯示於頁面上。大綱文章列表頁開發標籤頁開發路由設定 1.文章列表頁開發 Wireframe...

Yihsuan ‧ 2023-10-10 ‧團隊Quokka In The Cloud

0 Like 0 留言 457 瀏覽

鐵人賽自我挑戰組 DAY 25

為了成為更好的前端，我開始在乎的那些事系列第 25 篇

技術 [Day 25] 網路常識 - (11) HTTP 的發展史 - 簡單易用的 HTTP 0.9 ~ 1.1

HTTP 發展史簡介今天又是新的網路常識主題： HTTP，我會就我所知道的來介紹 HTTP 的發展史，主要介紹 HTTP 0.9 ~ HTTP 3.0 的時空...

bensonchen3418 ‧ 2023-10-10

0 Like 0 留言 334 瀏覽

鐵人賽自我挑戰組 DAY 24

初探全端之旅: 以MERN技術建立個人部落格系列第 24 篇

技術 [Day24] 框架頁面和首頁切版

大綱建立Layout頁面首頁切版前言我們昨天開發出了導覽列，但我們接下來的頁面都會需要導覽列，最直覺的做法就是在每個Component裡面放進去He...

Yihsuan ‧ 2023-10-09 ‧團隊Quokka In The Cloud

0 Like 0 留言 574 瀏覽

鐵人賽自我挑戰組 DAY 24

為了成為更好的前端，我開始在乎的那些事系列第 24 篇

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

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

bensonchen3418 ‧ 2023-10-09

0 Like 1 留言 369 瀏覽

鐵人賽自我挑戰組 DAY 23

初探全端之旅: 以MERN技術建立個人部落格系列第 23 篇

技術 [Day23] 導覽列開發

先前我們已經將登入和註冊頁開發完，今天要來進行導覽列的開發。大綱 Wireframe 導覽列開發未登入的導覽列已登入的導覽列使用者功能列 1...

Yihsuan ‧ 2023-10-08 ‧團隊Quokka In The Cloud

0 Like 0 留言 679 瀏覽

鐵人賽自我挑戰組 DAY 23

為了成為更好的前端，我開始在乎的那些事系列第 23 篇

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

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

bensonchen3418 ‧ 2023-10-08

0 Like 0 留言 1298 瀏覽

鐵人賽自我挑戰組 DAY 22

為了成為更好的前端，我開始在乎的那些事系列第 22 篇

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

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

bensonchen3418 ‧ 2023-10-07

0 Like 0 留言 423 瀏覽

鐵人賽自我挑戰組 DAY 20

初探全端之旅: 以MERN技術建立個人部落格系列第 20 篇

技術 [Day20]登入頁開發和CORS處理

大綱 Wireframe 登入頁開發 CORS處理 1. Wireframe 以下是登入和註冊頁面的wireframe，樣式細節可依個人喜好調整登入頁...

Yihsuan ‧ 2023-10-05 ‧團隊Quokka In The Cloud

0 Like 0 留言 292 瀏覽

鐵人賽自我挑戰組 DAY 17

初探全端之旅: 以MERN技術建立個人部落格系列第 17 篇

技術 [Day17] React專案初始化

昨天快速介紹過react，今天直接進入實作大綱建立專案並安裝React 安裝開發用到的套件 1.建立專案並安裝React 在要新增專案的地方輸入以下指令...

Yihsuan ‧ 2023-10-02 ‧團隊Quokka In The Cloud

0 Like 0 留言 684 瀏覽

鐵人賽自我挑戰組 DAY 17

為了成為更好的前端，我開始在乎的那些事系列第 17 篇

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

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

bensonchen3418 ‧ 2023-10-02

0 Like 0 留言 1259 瀏覽

鐵人賽自我挑戰組 DAY 16

為了成為更好的前端，我開始在乎的那些事系列第 16 篇

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

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

bensonchen3418 ‧ 2023-10-01

0 Like 0 留言 513 瀏覽

鐵人賽自我挑戰組 DAY 15

為了成為更好的前端，我開始在乎的那些事系列第 15 篇

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

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

bensonchen3418 ‧ 2023-09-30

0 Like 0 留言 910 瀏覽

鐵人賽 Modern Web DAY 30

用不到 30 天學會基本 TypeScript 系列第 30 篇

技術前端開發環境 + React + TS

今天過後，相信小夥伴們應該對 TypeScript 有多一點點的基本認識，至於剩下的就是更高級和複雜的組合和運用，如果有興趣可以來玩玩 Type Challe...

威爾豬 ‧ 2023-09-30

1 Like 0 留言 1693 瀏覽

技術 Google Lighthouse

Abstract: still updating...almost finish! Outline 1. Intro. 2. Metrics 3. Metri...

阿瑜 ‧ 2024-06-22

0 Like 0 留言 750 瀏覽

鐵人賽 Modern Web DAY 25

用不到 30 天學會基本 TypeScript 系列第 25 篇

技術型別縮小 ( Narrowing )

Type Narrowing 是一種概念，指在程式碼執行過程中，根據特定條件，將變數的型別從一個較廣泛的型別縮小為較特定的型別，以提供更精確的型別資訊，這種功能...

威爾豬 ‧ 2023-09-25

0 Like 0 留言 907 瀏覽

鐵人賽 Modern Web DAY 24

用不到 30 天學會基本 TypeScript 系列第 24 篇

技術模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生，現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式，雖然它們都有類似的目標，但它們在某些方...

威爾豬 ‧ 2023-09-24

0 Like 0 留言 890 瀏覽

鐵人賽 Modern Web DAY 23

用不到 30 天學會基本 TypeScript 系列第 23 篇

技術類別封裝 ( Class Encapsulation )

類別封裝是一種將類別的內部細節隱藏起來，確保類別的屬性和方法在外部程式碼中不被隨意訪問，提高程式碼的可維護性和可讀性，同時提供了一定程度的安全性。存取修飾符...

威爾豬 ‧ 2023-09-23