Server-Sent Events, SSE
今天看了一個影片 “Don’t Use Websockets - Unless you must", 才知道有種技術稱為 SSE, 是一種介於一般的 HTTP 請求與 Websockets 之間的通訊手段。 以往談到 Web 即時(realt
Posted on Apr 26, 2023 by Amo Chen ‐ 1 min read
今天看了一個影片 “Don’t Use Websockets - Unless you must", 才知道有種技術稱為 SSE, 是一種介於一般的 HTTP 請求與 Websockets 之間的通訊手段。 以往談到 Web 即時(realt
Posted on Apr 26, 2023 by Amo Chen ‐ 1 min read
Dependency Injection 或稱 DI 或稱依賴注入,其實是一種 design pattern (設計模式)。舉例來說,我們可能會寫出下列形式的類別: class S3(object): def __init__(self): self.aws_s3_client = aws.connect() 這種寫法會將 aws_s3_client 相關的邏輯與 aws.connect() 緊密相
Posted on Apr 25, 2023 by Amo Chen ‐ 1 min read
Wolverine 是利用 GPT-4 AI 模型幫忙修正 Python 程式問題的工具,只要用 Wolverine 執行你的 Python script, 只要有錯誤發生它就會嘗試用 GPT-4 模型幫你全自動修好它,不僅修好,還會跟你解釋為什麼
Posted on Apr 24, 2023 by Amo Chen ‐ 1 min read
下列文章提供 8 個 TypeScript 程式碼片段修改前與修改後的範例,教我們如何寫出更簡潔的 TypeScript, 不過 TypeScript 其實是 Javascript 的超集合(superset),所以有些觀念也適用於 Javascript:
Posted on Apr 23, 2023 by Amo Chen ‐ 1 min read
近來我常使用 ChatGPT 幫助我進行開發 side project, 除了補足我在前端的弱勢之外,也減輕我在發想文案的痛苦,說真的幫助不小,讓校長兼撞鐘的我充滿感激 🥳 不過我今天看
Posted on Apr 22, 2023 by Amo Chen ‐ 1 min read
嚴格說起來,我應該不算前端工程師,只是會寫一點點 React 而已。 不過,我遇到的問題卻也很實際,就是隨著 state 越來越多,你的 code 裡面會有一堆 useState(...) ,這叫 useState hell ,看
Posted on Apr 21, 2023 by Amo Chen ‐ 1 min read
隨著前後端技術演進,姑且不論是否採用微服務(microservice)架構,前後端分離成為越來越常見的開發模式,例如前端採用 NEXT.js 等框架,或者編譯成靜態網頁(static site)部署在雲端,所需要的後端 API 功能則是呼叫部署在另一個網域(domain)的伺服器,例如下圖:
不過採用此種前後端分離的架構,就需要理解何謂 CORS(Cross-Origin Resource Sharing),才能讓前端正常運作。
p.s. 通常有用到前後端分離架構的公司,就有可能問到何為 CORS 。
Posted on Apr 19, 2023 in 後端面試準備 by Amo Chen ‐ 5 min read
以下這篇文章講述 Airbnb 怎麼介紹他們新功能的 UI 以及作者本人的感受,並且透過這些案例提供我們一些建議,日後如果我們也想設計類似的功能時,可以有一些不
Posted on Apr 18, 2023 by Amo Chen ‐ 1 min read