昨天快速介紹過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 的小夥伴們對模組都不陌生，現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式，雖然它們都有類似的目標，但它們在某些方...
類別封裝是一種將類別的內部細節隱藏起來，確保類別的屬性和方法在外部程式碼中不被隨意訪問，提高程式碼的可維護性和可讀性，同時提供了一定程度的安全性。 存取修飾符...
在 React v16.8 之前，React 需要使用 Class 來撰寫，這也讓很多人怯步，但從 React v16.8 推出了 React Hooks 後...
Async / Await 是 ECMAScript 8 ( ES2017 ) 引入的一個功能，它是建立在 Promise 之上的語法糖，允許我們使用 asyn...
在說明 Promise 前，首先我們要知道為什麼需要有 Promise。我們知道 setTimeout() 是屬於非同步的一種，如果我們需要第一個執行完成後才執...
null 和 undefined 代表著缺少值或未定義的狀態。儘管它們在 JavaScript 中也存在，但在 TypeScript 中，可以使用靜態型別檢查來...
在上一個章節中，我們知道如果函式沒有返回值的話，可以使用 void 型別，今天我們來比較 void 和 never 的不同的情境和用途，雖然它們看起來相似，但它...
在前面幾個章節中，應該或多或少都有看到函式在 TypeScript 中的寫法，它比 JavaScript 多了參數和返回值的型別設定，我們看一下函式基本的宣告方...
在前面的章節我們介紹了使用 interface 來聲明物件的結構和形狀，但如果我們是要接收從 api 上取得回來的資料 (我們使用 TDX 的觀光資訊 隨便其中...
在前面章節中，大家應該會很疑惑 type 和 interface 在很多方面都可以實現相似的功能，那我們應該要使用哪一種呢？下面來看看兩者存在了哪些區別： ty...
TypeScript 提供了多種內建的 Utility 型別，它是一組 內建的型別操作工具，可以幫助我們更輕鬆、更有效率地進行型別操作，今天威爾豬先介紹基本且常...
在 TypeScript 中，我們可以使用 interface 關鍵字來聲明自定義型別，用來描述物件的結構和形狀，以及物件應該具備的屬性和方法。我們可以使用 i...
在 TypeScript 中，我們可以使用 type 關鍵字來創建自定義的類型別名。它可以用來定義各種複雜的類型，使我們能夠更好地描述程式碼中的資料結構和變數類...
在昨天的範例中，應該有看到斷言的用法。斷言是一種告訴編譯器更多資訊的方式，用於 強制指定型別。有時候，編譯器可能 無法確定變數的精確型別，或者 當我們需要將某個...
any 和 unknown 是兩個用於處理 型別不確定的情況。雖然它們在某些情境下都可以用來處理不確定的值，但它們的用法和限制有所不同，我們一一來介紹： any...
Micro Services 是2014年大神Martin Fowler和James Lewis提出的概念在現今雲端化 容器化的web世界 已是家餘戶曉的主流架...
枚舉是 自定義一組具名常數值 的特殊型別，每個常數值都有一個名稱和一個關聯的數值，主要用於取值限定在一定的範圍內。在 TypeScript 中，我們使用 enu...
今天的內容是屬於 JavaScript 的範疇，但陣列方法不管在 JavaScript 還是 TypeScript 裡，都是滿重要的一個環節，所以威爾豬還是決定...
陣列 (Array) 陣列是一個包含元素的有序集合，元素可以是 相同型別 或 不同型別。在 TypeScript 中，我們可以使用 型別註記法 (型別[...
TypeScript 的型別大致分為下圖幾項，威爾豬會在之後章節陸續講，今天我們先談談最基本的三種數據型別。 在 TypeScript 中，基本型別註解都是以...
建立 tsconfig.json 為了更有效地管理 TypeScript 專案，我們會創建一個配置文件，這在各大打包工具裡安裝 TypeScript 後...
在開始學習和開發 TypeScript 專案之前，我們需要先進行環境的安裝和設置。威爾豬將一步步完成 TypeScript 的環境安裝，創建我們的第一個 Typ...
優點： JavaScript 存在，TypeScript 就存在 還記得昨天的圖嗎？因為 TypeScript 是建立在 JavaScript 之上的程...
Yihsuan
bensonchen3418
威爾豬
ianwang83382784
iThome鐵人賽
看影片追技術