iT邦幫忙

typescript相關文章
共有 673 則文章

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題,我們會用i18n來去做網站的中英文轉換,我們並且會寫一份json來管理我們所有的key,但會遇到一個問題就是說如果一個key在英文有...

鐵人賽 Software Development DAY 22
Should I use fp-ts 系列 第 22

技術 [Should I use fp-ts?] Day 22 - fp-ts Apply

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-22 並且有測試可以讓大家練習。 Apply 使...

鐵人賽 Modern Web DAY 22
TypeScript 啟動! 系列 第 22

技術 [Day 22] TypeScript tsconfig.json 常見設定

tsconfig.json 檔案的設定選項繁多,下面是一些較常見的選項及其說明: target: 指定 ECMAScript 目標版本。例如: ES3, E...

鐵人賽 Modern Web DAY 22

技術 Day22 - 確保資料完整性 - 空值合併運算子

什麼是空值合併運算子? 空值合併運算子是一種現代 JavaScript 的語法特性,它用於處理可能為 null 或 undefined 的值。與傳統的邏輯 O...

鐵人賽 Software Development DAY 21
Should I use fp-ts 系列 第 21

技術 [Should I use fp-ts?] Day 21 - fp-ts Either trycatch 2

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-21 並且有測試可以讓大家練習。 Either...

鐵人賽 Modern Web DAY 21
TypeScript 啟動! 系列 第 21

技術 [Day 21] TypeScript 常見錯誤 II

物件和陣列的相等性: const obj1 = {}; const obj2 = obj1; console.log(obj1 === obj2); //...

鐵人賽 Modern Web DAY 21

技術 Day21 - 一次搞定不確定性 - 可選串連

什麼是可選串連? JavaScript 可選串連(Optional Chaining)是現代 JavaScript 的一個強大特性,它讓我們更好的處理可能為...

鐵人賽 Software Development DAY 20
Should I use fp-ts 系列 第 20

技術 [Should I use fp-ts?] Day 20 - fp-ts Either trycatch

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-20 並且有測試可以讓大家練習。 Either...

鐵人賽 Modern Web DAY 20
TypeScript 啟動! 系列 第 20

技術 [Day 20] TypeScript 常見錯誤

對象和陣列的比較: const arr1 = []; const arr2 = arr1; console.log(arr1 === arr2); //...

鐵人賽 自我挑戰組 DAY 21

技術 【Day21】ChatGPT請教教我:React入門(七)- React & TypeScript !

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 Modern Web DAY 20

技術 Day20 - JavaScript 的現代魔法 - ES6

TypeScript 的機制和功能是建立在 JavaScript 的基礎之上,它通過編譯過程將 TypeScript 代碼轉換為 JavaScript。因此,...

鐵人賽 Software Development DAY 19
Should I use fp-ts 系列 第 19

技術 [Should I use fp-ts?] Day 19 - fp-ts Either usage

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-19 並且有測試可以讓大家練習。 Eit...

鐵人賽 Modern Web DAY 19
TypeScript 啟動! 系列 第 19

技術 [Day 19] TypeScript 非同步型別檢查 II

在 TypeScript 中的時候,基本上一定會寫到非同步(異步)執行的操作來提高性能,但由於 JavaScript 本身是單執行緒,所以通常會使用 Web W...

鐵人賽 Modern Web DAY 19

技術 Day19 - 懂 TypeScript 編譯配置,開發 UP!UP!

當我們開始使用 TypeScript 開發較大的專案時,我們需要更多的控制權來調整編譯過程,以確保項目能夠正確運行。這就是編譯配置(compiler conf...

鐵人賽 Software Development DAY 18
Should I use fp-ts 系列 第 18

技術 [Should I use fp-ts?] Day 18 - fp-ts Either type and constructor

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-18 並且有測試可以讓大家練習。 Eit...

鐵人賽 Modern Web DAY 18
TypeScript 啟動! 系列 第 18

技術 [Day 18] TypeScript 非同步型別檢查

非同步(異步)程式設計在現代 Web 開發中佔有重要的地位,因為要能夠同時執行所有的函式等,其中以 JavaScript 中底層設計最為適合,這樣的開發方式為我...

鐵人賽 Modern Web DAY 18

技術 Day18 - 型別融合 - 交集型別(Intersection Types)

什麼是交集型別? 交集型別是一種 TypeScript 中的進階型別,允許將多個型別結合成一個新型別。這表示新型別將包含所有原型別的屬性和方法,並允許在不同型...

鐵人賽 Mobile Development DAY 18

技術 Day 18 - 重構 TypeScript icon 設定

由於目前 HourlyForecast 和 DailyForecast 當中的 icon 設定部分都是重複的,看起來可以共用,因此我們可以將這部分抽出來,變成一...

鐵人賽 Software Development DAY 18

技術 [Day 18] 作業4:Static Single Page View Implementation - 前端專案review

Static Single Page View Implementation - 前端專案review 這個作業分為前端刻板與系統設計,今天我們先來看前端(Re...

鐵人賽 Software Development DAY 17
Should I use fp-ts 系列 第 17

技術 [Should I use fp-ts?] Day 17 - fp-ts: Option

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-17 並且有習題和測試可以讓大家練習。...

鐵人賽 Modern Web DAY 17
TypeScript 啟動! 系列 第 17

技術 [Day 17] TypeScript 處理錯誤

在專案開發中,發生錯誤資訊是稀鬆平常的,但是管理這些錯誤則是確保專案運行穩定度的關鍵部分。而 TypeScript 提供一些方法來處理淺在的錯誤情境,這一篇文章...

鐵人賽 Modern Web DAY 17

技術 Day17 - 相信我,我知道這個值的型別是什麼 - 型別斷言(Type Assertions)

什麼是型別斷言? 型別斷言,也可以稱為型別轉換,是一種告訴 TypeScript 編譯器「相信我,我知道這個值的型別是什麼」的機制。它類似於其他程式語言中的型...

鐵人賽 Software Development DAY 16
Should I use fp-ts 系列 第 16

技術 [Should I use fp-ts?] Day 16 - fp-ts: Option apS

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-16 並且有習題和測試可以讓大家練習。...

鐵人賽 Modern Web DAY 16
TypeScript 啟動! 系列 第 16

技術 [Day 16] TypeScript 進階型別

TypeScript 提供強大的型別系統,在今天我們會介紹幾個特別常見的物件型別、函式型別和條件式型別的簡單運用。 型別運算子 TypeScript 中型別運算...

鐵人賽 SideProject30 DAY 16

技術 營養師不開菜單的第十六天 - TypeScript 不夠?使用 Zod 做型別驗證

在上篇文章中,我已稍微提及了本次專案所使用的驗證工具——Zod。Zod 是專為 TypeScript 設計的資料驗證工具,就像人體的免疫系統,確保資料結構在...

鐵人賽 Modern Web DAY 16

技術 Day16 - TypeScript 的黑洞 - 絕不(never)

什麼是 never 型別? 在 TypeScript 中,never 型別表示那些永遠不會發生的值的型別。它通常用於表示某些程式碼路徑會導致錯誤或永遠不會正確...

鐵人賽 Modern Web DAY 30

技術 前端開發環境 + React + TS

今天過後,相信小夥伴們應該對 TypeScript 有多一點點的基本認識,至於剩下的就是更高級和複雜的組合和運用,如果有興趣可以來玩玩 Type Challe...

鐵人賽 Software Development DAY 15
Should I use fp-ts 系列 第 15

技術 [Should I use fp-ts?] Day 15 - fp-ts: Option bindTo

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-15 並且有習題和測試可以讓大家練習。...

鐵人賽 Modern Web DAY 15
TypeScript 啟動! 系列 第 15

技術 [Day 15] TypeScript 泛型

在之前的基礎型別和小專案上,會發現有時候我們想要在設計專案的時候,有時候會不知道怎麼去預測我需要放置的型別對吧,因此在使用 TypeScript 希望能假裝一下...

鐵人賽 Modern Web DAY 15

技術 Day15 - 解決捉摸不定的資料 - 未知(unknown)

什麼是 unknown 型別? unknown 型別是 TypeScript 中的一種型別,它表示一個未知的資料型別。與 any 型別不同,unknown 型...