技術文章

system-design-系統設計04-封底計算-back-of-the-envelope-hogantech-hoganblab

Back-of-the-envelope 封底計算 – 系統設計 04

Back-of-the-envelope 又稱為封底計算,是用簡單估算來計算複雜問題的近似值的方法。

這邊也複習一下,分散式系統由透過網路連接的運算節點組成。這些節點可以是各種類型的伺服器,例如網頁伺服器、應用程式伺服器和儲存伺服器。

在設計分散式系統時,了解每個節點可以處理的請求數量非常重要。同時我們也可以確定所需的節點數量以及流量,因此我們會使用 Back-of-the-envelope 來去計算我們的粗估值,最終來設計我們所需的系統。

Back-of-the-envelope 封底計算 – 系統設計 04 Read More »

system-design-系統設計03-軟體設計非功能性特性-hogantech-hoganblab

軟體設計非功能性特性 – 系統設計 03

在現代資訊科技中,系統的可用性(Availability)、可靠性(Reliability)、可擴展性(Scalability)、可維護性(Maintainability)以及容錯性(Fault Tolerance)是非常重要的非功能性特性,這些特性不僅影響了軟體系統的性能、效率,也會直接影響使用者體驗。這一篇文章也會針對上述五個特性去做深入講解。

軟體設計非功能性特性 – 系統設計 03 Read More »

React11-React-Hook-useState

React Hook useState – React 白話文運動 11

useState 是什麼?useState 是 React 中的一個 Hook,用於在函式元件中添加狀態,透過 useState,我們可以在函式元件中定義和管理狀態資料。useState 返回一個包含兩個值的陣列,其中包括:當前的狀態:在元件首次渲染時,它的值將等同於我們傳遞給 useState 的初始值。

React Hook useState – React 白話文運動 11 Read More »

system-design-系統設計-系統設計介紹-hogantech-hoganblab

現代系統設計介紹 – 系統設計 01

系統設計是一個定義各種系統元件、API、資料模型以及整合系統的過程,用來完成一定功能要求的大規模系統。以設計一個像Youtube這樣的視頻播放平台為例,我們不僅需要考慮如何高效地儲存和傳輸大量視頻數據,還要考慮如何支持高並發(High Concurrency)的使用者需求,以及如何保證系統的穩定性和可擴展性。

現代系統設計介紹 – 系統設計 01 Read More »

網路信標-web-beacon

Web Beacon 網路信標是什麼?除了 Cookie 以外,你需要了解的工具

網絡信標是 20 世紀末,網路興起的產物,出現於 1990 年代末。隨著越來越多的人開始使用網際網路,企業需要一種機制來收集、理解並應用大規模的使用者數據。Web Beacons 可以與  Cookie 一起工作,深入了解用戶行為,追蹤多個網站。

Web Beacon 網路信標是什麼?除了 Cookie 以外,你需要了解的工具 Read More »

React10-React-Life-Cycle

React 生命週期 – React 白話文運動 10

React 生命週期 – 前一篇則針對 React 語法進一步做講解, React JSX – React 白話文運動 06 學會了如何建立一個 React 元件,並且學會了元件之間有父子元件的關係。這一篇則會針對元件,講解元件的生命週期,包含:生命週期三個階段、類別物件的生命週期、函式物件的生命週期。

React 生命週期 – React 白話文運動 10 Read More »

React08-建立React專案

建立React專案 – React 白話文運動 08

建立React專案-React白話文運動:前一篇文章介紹了三個名詞,分別是:Babel 是什麼?Webpack 是什麼?Npm 是什麼?這一篇則是會手把手建立 React 專案,包含:建置環境、建立 React 專案、啟動專案、如何使用 React 擴充套件。這邊也包含:官方 CRA 建置環境以及自建環境。

建立React專案 – React 白話文運動 08 Read More »

zh_TW繁體中文