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

0 Like 0 留言 229 瀏覽

鐵人賽 Software Development DAY 10

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

技術 Day 10 - Singleton 單例

單例模式可以建立一個獨一無二的類別實例，並讓整個應用程式存取內部的狀態和資源。生活案例現在很多網站都提供深色模式，來符合使用者的視覺習慣。通常這樣的設定只會...

Evans Wu ‧ 2024-09-24

0 Like 0 留言 233 瀏覽

鐵人賽 Software Development DAY 9

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

技術 Day 09 - Abstract Factory 抽象工廠

我們在第五天的時候分享過工廠方法模式，今天的主題是它的進階版——抽象工廠模式。工廠方法模式每次只生成一種產品，而抽象工廠則用來生成整個產品家族。生活案例在日...

Evans Wu ‧ 2024-09-23

0 Like 0 留言 288 瀏覽

鐵人賽自我挑戰組 DAY 8

前端系統設計系列第 8 篇

技術 [Day 8] New feeds - Architecture

接著我們就來談到 RADIO framework 的 Architecture，也就是決定關鍵的 component 與他們之間如何作用 Archit...

bensonchen3418 ‧ 2024-09-22

1 Like 0 留言 221 瀏覽

鐵人賽 Software Development DAY 8

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

技術 Day 08 - Decorator 裝飾者

裝飾者模式可以讓你在不改變原有物件的情況下，動態地為物件新增行為或功能。生活案例想像你點了一杯咖啡，這就是一個基本物件。你可以在咖啡上加一些配料，像是鮮奶油...

Evans Wu ‧ 2024-09-22

0 Like 0 留言 302 瀏覽

鐵人賽自我挑戰組 DAY 7

前端系統設計系列第 7 篇

技術 [Day 7] 訊息流 (New Feeds) - 1 - 需求探索

前言進入到正式的系統設計問題，我們首先就以 New Feeds (訊息流)做例子所謂的訊息流 (New Feeds)，就如上述 X(前 twitter...

bensonchen3418 ‧ 2024-09-21

0 Like 0 留言 315 瀏覽

鐵人賽 Software Development DAY 7

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

技術 Day 07 - Observer 觀察者

觀察者模式讓物件可以被動地接收訊息，而不需要主動追蹤主題的變化。生活案例大家平時有收聽 Podcast 的習慣嗎？我時常在捷運上聽 Podcast，聽聽主持...

Evans Wu ‧ 2024-09-21

0 Like 0 留言 347 瀏覽

鐵人賽自我挑戰組 DAY 6

前端系統設計系列第 6 篇

技術 [Day 6] 系統設計指南懶人包

RADIO framework RADIO REQUIREMENT exploration：徹底的了解需求，藉由問題釐清題目的範圍 ARCHITECT...

bensonchen3418 ‧ 2024-09-20

0 Like 0 留言 218 瀏覽

鐵人賽 Software Development DAY 6

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

技術 Day 06 - Strategy 策略

策略模式定義一個演算法介面，並讓客戶端在執行時期根據需求替換具體實作。生活案例不知道大家平常都怎麼上班呢？大多時候我會騎機車，想要放鬆一點的時候會改搭公車。...

Evans Wu ‧ 2024-09-20

0 Like 0 留言 200 瀏覽

鐵人賽自我挑戰組 DAY 5

前端系統設計系列第 5 篇

技術 [Day 5] BRIJIS - 系統設計常見錯誤

以下是 System design 時，常犯的錯誤 1. 馬上回答問題 Jumping into answering the question immedia...

bensonchen3418 ‧ 2024-09-19

0 Like 0 留言 219 瀏覽

鐵人賽 JavaScript DAY 6

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

技術 Day06：TypeScript 的擴充型別

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

Annie ‧ 2024-09-19

0 Like 0 留言 300 瀏覽

鐵人賽 Software Development DAY 5

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

技術 Day 05 - Factory Method 工廠方法

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

Evans Wu ‧ 2024-09-19

0 Like 0 留言 258 瀏覽

鐵人賽自我挑戰組 DAY 4

前端系統設計系列第 4 篇

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

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

bensonchen3418 ‧ 2024-09-18

0 Like 0 留言 452 瀏覽

鐵人賽自我挑戰組 DAY 3

前端系統設計系列第 3 篇

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

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

bensonchen3418 ‧ 2024-09-17

1 Like 0 留言 326 瀏覽

鐵人賽 Software Development DAY 1

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

技術 Day 01 - 前言

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

Evans Wu ‧ 2024-09-15

0 Like 0 留言 351 瀏覽

鐵人賽自我挑戰組 DAY 2

前端系統設計系列第 2 篇

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

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

bensonchen3418 ‧ 2024-09-16

1 Like 0 留言 23836 瀏覽

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

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

alvinchiu ‧ 2024-07-15

0 Like 0 留言 601 瀏覽

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

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

wszgrcy ‧ 2024-03-24

0 Like 0 留言 1605 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

bensonchen3418 ‧ 2023-10-15

0 Like 0 留言 488 瀏覽

鐵人賽自我挑戰組 DAY 28

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

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

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

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

0 Like 1 留言 657 瀏覽

鐵人賽自我挑戰組 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 留言 2028 瀏覽

鐵人賽自我挑戰組 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 留言 825 瀏覽

鐵人賽自我挑戰組 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 留言 573 瀏覽

鐵人賽自我挑戰組 DAY 25

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

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

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

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

0 Like 0 留言 1119 瀏覽

鐵人賽自我挑戰組 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 留言 525 瀏覽

鐵人賽自我挑戰組 DAY 24

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

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

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

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

0 Like 0 留言 1124 瀏覽

鐵人賽自我挑戰組 DAY 24

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

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

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

bensonchen3418 ‧ 2023-10-09

0 Like 1 留言 947 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 [Day23] 導覽列開發

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

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

0 Like 0 留言 1361 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

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

bensonchen3418 ‧ 2023-10-08

0 Like 0 留言 3047 瀏覽

鐵人賽自我挑戰組 DAY 22

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

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

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

bensonchen3418 ‧ 2023-10-07

0 Like 0 留言 882 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

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