擴充型別 1. 元祖型別(Tuple Types) 前一篇文章在介紹陣列型別時,有稍微帶到元組的概念。可以將元組型別(Tuple Types)理解為工作方式類似...
工廠方法是建立型模式,它提供一個物件建立方法,讓客戶不需透過具體類別就能建立物件。 生活案例 想像你在路邊的自動販賣機買飲料,只要選取想要的品項,再投入對應的金...
前言 在面試中,面試官會嘗試去找出面試者所散發出的 signals,藉此決定 "是否要 Hire" & "最終評等&quo...
前言 我們在做系統設計或系統設計的面試中,常常會有一些固定的步驟,像是討論需求、設計架構、設計 API 等步驟,GreatFrontEnd 的開發者幫我們整理了...
對於軟體工程師而言,工作日常就是接受需求與提出解決方案。面對新需求時,除了要思考如何解決問題,還要在不同的解決方案之間做出抉擇。不同的情境有不同的考量,如何從眾...
分類 Frontend system design 分為兩種: Applications UI component Application 因為 Web...
漸強實驗室目前正在招募資深工程師!歡迎對 #B2B #Saas產業 #新創 有高度興趣的人才加入我們~ 【關於漸強實驗室】漸強實驗室透過MarTech 行銷科技...
Angular 中的依賴註入確實非常好用,可以使服務之間的依賴關系變得更加靈活和可復用 但是只能在 Angular 中的使用限製了他的發揮,需要讓他在所有 n...
前言 經過上一篇的解說,我們知道,就算利用的非對稱加密這種聰明的方法,仍舊還是不夠,所以,我們需要一種更安全的方式,來保證我們的傳輸是安全的,也就是現在 HTT...
大綱 使用者頁面開發 更新使用者資料 1. 使用者頁面開發 Wireframe 建立檔案 一樣先在pages資料夾底下建立Profile.js在這個頁面...
kinds of scenarios one small site acontent heavy site with lots of imagesand som...
大綱 Wireframe Quill.js介紹 發布文章頁面開發 1. Wireframe 2. Quill.js介紹 Quill 是一個開源且極具彈性...
HTTP/2 主要是要解決 HTTP 1.1 什麼問題? HTTP 1.X 文本傳輸造成解析緩慢 HTTP 1.X 的效能問題 HTTP 1.0 在一個 TCP...
今天這兩個頁面比較單純的只是呼叫API去取得當前的資料,並顯示於頁面上。 大綱 文章列表頁開發 標籤頁開發 路由設定 1.文章列表頁開發 Wireframe...
HTTP 發展史簡介 今天又是新的網路常識主題: HTTP,我會就我所知道的來介紹 HTTP 的發展史,主要介紹 HTTP 0.9 ~ HTTP 3.0 的時空...
大綱 建立Layout頁面 首頁切版 前言 我們昨天開發出了導覽列,但我們接下來的頁面都會需要導覽列,最直覺的做法就是在每個Component裡面放進去He...
在建立 TCP connection 時,實際情況不是發出一個 request,server 就會馬上處理,可能同時還有許多 user 想建立 TCP conn...
先前我們已經將登入和註冊頁開發完,今天要來進行導覽列的開發。 大綱 Wireframe 導覽列開發 未登入的導覽列 已登入的導覽列 使用者功能列 1...
為什麼比建立連結時多了一次 handshake ? 多了一次 handshake 的主要差別在 Server 發送 segment 時,把 FIN segme...
為什麼知道 TCP handshake 很重要? 前端面試必考 知道 TCP handshake 過程很複雜,每次建立所要花的時間和代價都很大,可以的話盡量減...
大綱 Wireframe 登入頁開發 CORS處理 1. Wireframe 以下是登入和註冊頁面的wireframe,樣式細節可依個人喜好調整 登入頁...
昨天快速介紹過react,今天直接進入實作 大綱 建立專案並安裝React 安裝開發用到的套件 1.建立專案並安裝React 在要新增專案的地方輸入以下指令...
今天一樣繼續介紹 DNS,我將介紹: DNS resolver 的運作流程 如何優化 DNS 請求 前端部署 & DNS DNS resolve...
今天會延續 DNS 的部分,正式來解釋 DNS 如何運作,和如何優化 DNS 原理解釋 Internet 與 IP address 在解釋 DNS 前,讓我...
前言 今天要來進入新的章節 - 網路常識 當在往成為更好的前端的路上,通常都會看到一些文章,講述我們需要的一些網路常識,包括: DNS HTTP / HTTP...
今天過後,相信小夥伴們應該對 TypeScript 有多一點點的基本認識,至於剩下的就是更高級和複雜的組合和運用,如果有興趣可以來玩玩 Type Challe...
Abstract: still updating...almost finish! Outline 1. Intro. 2. Metrics 3. Metri...
Type Narrowing 是一種概念,指在程式碼執行過程中,根據特定條件,將變數的型別從一個較廣泛的型別縮小為較特定的型別,以提供更精確的型別資訊,這種功能...
相信使用 ES6 的小夥伴們對模組都不陌生,現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式,雖然它們都有類似的目標,但它們在某些方...
類別封裝是一種將類別的內部細節隱藏起來,確保類別的屬性和方法在外部程式碼中不被隨意訪問,提高程式碼的可維護性和可讀性,同時提供了一定程度的安全性。 存取修飾符...