iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 652 瀏覽

鐵人賽 Modern Web DAY 29

用不到 30 天學會基本 TypeScript 系列第 29 篇

技術聲明文件 ( Declaration Files )

本篇只會稍微提到製作聲明文件的方式，並不會有過多深入的探討。為什麼需要聲明文件？有時候當我們使用第三方模組時，它們是依據純 JavaScript 來撰寫...

威爾豬 ‧ 2023-09-29

0 Like 0 留言 132 瀏覽

鐵人賽 Software Development DAY 14

Should I use fp-ts 系列第 14 篇

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

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

Tuhacrt ‧ 2023-09-29

0 Like 0 留言 211 瀏覽

鐵人賽 Modern Web DAY 14

TypeScript 魔法 - 喚醒你的程式碼靈感系列第 14 篇

技術 Day14 - 解開函式型別的神秘面紗

什麼是函式型別？在 TypeScript 中，函式型別用於描述函式的型別，包括函式的參數型別和返回型別。它們是一種強大的工具，用於定義函式的形狀，並確保函式...

肉鬆 ‧ 2023-09-29

0 Like 0 留言 175 瀏覽

鐵人賽 SideProject30 DAY 14

30 天用 Rust 打造 QR Code 製造機系列第 14 篇

技術 Day 14 - 設定網站的 UI

設定網站的 UI 新增完專案後，就可以開始建立這個網站的 UI 了，首先要看這個網站有哪些功能，然後來決定需要哪些畫面，這個網站目前有以下幾個功能：選擇 Q...

Bucky ‧ 2023-09-29

0 Like 0 留言 174 瀏覽

鐵人賽 Modern Web DAY 14

TypeScript 啟動！系列第 14 篇

技術 [Day 14] TypeScript React 初次使用 II

React 實戰 II 昨天我們的專案文件大概如下 . ├── README.md ├── package-lock.json ├── package.json...

叮叮 ‧ 2023-09-29

0 Like 0 留言 135 瀏覽

鐵人賽 Software Development DAY 13

Should I use fp-ts 系列第 13 篇

技術 [Should I use fp-ts?] Day 13 - fp-ts: Option fromNullable, fromPredicate

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

Tuhacrt ‧ 2023-09-28

0 Like 0 留言 747 瀏覽

鐵人賽 Modern Web DAY 28

用不到 30 天學會基本 TypeScript 系列第 28 篇

技術裝飾器 ( Decorators )

裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據（metadata），並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...

威爾豬 ‧ 2023-09-28

0 Like 0 留言 211 瀏覽

鐵人賽 Modern Web DAY 13

TypeScript 啟動！系列第 13 篇

技術 [Day 13] TypeScript React 初次使用

React 簡介當我們使用 **create-react-app （CRA）**來建立一個新的 React 專案的時候，專案的結構大致上會像這樣。 dialo...

叮叮 ‧ 2023-09-28

0 Like 0 留言 196 瀏覽

鐵人賽 Modern Web DAY 13

TypeScript 魔法 - 喚醒你的程式碼靈感系列第 13 篇

技術 Day13 - 解析函式返回型別的精隨

函式返回型別首先，我們來定義一個名為 add 的函式。這個函式接受兩個參數，這兩個參數都被定義為數字型別。當滑鼠游標懸停在函式 add 上，觀察到冒號後的描...

肉鬆 ‧ 2023-09-28

0 Like 0 留言 170 瀏覽

鐵人賽 Software Development DAY 12

Should I use fp-ts 系列第 12 篇

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

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

Tuhacrt ‧ 2023-09-27

0 Like 0 留言 664 瀏覽

鐵人賽 Modern Web DAY 27

用不到 30 天學會基本 TypeScript 系列第 27 篇

技術 Utility 型別 Ⅱ

之前我們講過了幾個 Utility 型別 Ⅰ，忘記了的小夥伴可以再來看看。TypeScript 還提供了其它的 Utility 型別工具： Extract Ex...

威爾豬 ‧ 2023-09-27

0 Like 0 留言 199 瀏覽

鐵人賽 Modern Web DAY 12

TypeScript 啟動！系列第 12 篇

技術 [Day 12] TypeScript 初見 React.js

在上一回先透過最簡單的 html 與 TypeScript 結合實作一個小場景，接下來我們將會把 React.js 給加入進來，首先簡單介紹一下 React.j...

叮叮 ‧ 2023-09-27

0 Like 0 留言 161 瀏覽

鐵人賽 Modern Web DAY 12

TypeScript 魔法 - 喚醒你的程式碼靈感系列第 12 篇

技術 Day12 - TypeScript 的秘密武器(下) - 介面（Interfaces）

什麼是介面？介面是一種用於定義型別結構的抽象概念。它們提供了一種方法來描述物件的形狀，指定它們應該具有哪些屬性和方法。換句話說，介面定義了一個物件應該是什麼...

肉鬆 ‧ 2023-09-27

0 Like 0 留言 188 瀏覽

鐵人賽 Software Development DAY 11

Should I use fp-ts 系列第 11 篇

技術 [Should I use fp-ts?] Day 11 - fp-ts: Option match, matchW

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

Tuhacrt ‧ 2023-09-26

1 Like 0 留言 812 瀏覽

鐵人賽 Modern Web DAY 26

用不到 30 天學會基本 TypeScript 系列第 26 篇

技術高級型別

在一開始我們就介紹了聯合類型和交叉類型這兩種常用到的高級型別，威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用：映射類型 ( Mapp...

威爾豬 ‧ 2023-09-26

0 Like 0 留言 196 瀏覽

鐵人賽 Modern Web DAY 11

TypeScript 魔法 - 喚醒你的程式碼靈感系列第 11 篇

技術 Day11 - TypeScript 的秘密武器(上) - 型別別名（Type Aliases）

什麼是 type 關鍵字？ type 關鍵字是 TypeScript 中一個重要特性，它的主要功能是定義自訂的型別別名。這個特性允許我們建立一個易於理解的名稱...

肉鬆 ‧ 2023-09-26

0 Like 0 留言 136 瀏覽

鐵人賽 Modern Web DAY 11

TypeScript 啟動！系列第 11 篇

技術 [Day 11] TypeScript 對話小專案

前面十天已經學習了不少應用基礎，今天剛好看到一部有趣的短影片，steven he 有一句話 emotional damage 實在是魔音環繞。因此今天就來寫一個...

叮叮 ‧ 2023-09-26

0 Like 0 留言 135 瀏覽

鐵人賽 Software Development DAY 10

Should I use fp-ts 系列第 10 篇

技術 [Should I use fp-ts?] Day 10 - fp-ts: Option getOrElse, getOrElseW

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

Tuhacrt ‧ 2023-09-25

0 Like 0 留言 621 瀏覽

鐵人賽 Modern Web DAY 25

用不到 30 天學會基本 TypeScript 系列第 25 篇

技術型別縮小 ( Narrowing )

Type Narrowing 是一種概念，指在程式碼執行過程中，根據特定條件，將變數的型別從一個較廣泛的型別縮小為較特定的型別，以提供更精確的型別資訊，這種功能...

威爾豬 ‧ 2023-09-25

0 Like 0 留言 153 瀏覽

鐵人賽 Modern Web DAY 10

TypeScript 魔法 - 喚醒你的程式碼靈感系列第 10 篇

技術 Day10 - 我說了算 - 字面值型別（Literal Types）

什麼是 Literal Types？ Literal Types 又稱為「字面值型別」或「文字型別」是一種特殊的型別，它允許我們明確指定變數的值必須與特定的字...

肉鬆 ‧ 2023-09-25

0 Like 0 留言 9335 瀏覽

徵才招聘/全職/兼職平台前端開發工程師(遠程)

職位描述: 負責平台級線上遊戲網站 iGaming 應用產品的架構設計和開發工作; 參與前端前沿技術、理念的跟進、預研和落地; 參與前端技術架構、規範、研發流...

groot ‧ 2023-09-25

0 Like 0 留言 211 瀏覽

鐵人賽 Modern Web DAY 10

TypeScript 啟動！系列第 10 篇

技術 [Day 10] TypeScript 類別與介面

今天終於步入到類別（ Class ）與介面（ Interface ）的章節了，在大型專案開發的過程中，往往離不開物件導向（ object-oriented pr...

叮叮 ‧ 2023-09-25

0 Like 0 留言 169 瀏覽

鐵人賽 Software Development DAY 9

Should I use fp-ts 系列第 9 篇

技術 [Should I use fp-ts?] Day 09 - fp-ts: Option flatten, flatMap(chain)

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

Tuhacrt ‧ 2023-09-24

0 Like 0 留言 697 瀏覽

鐵人賽 Modern Web DAY 24

用不到 30 天學會基本 TypeScript 系列第 24 篇

技術模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生，現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式，雖然它們都有類似的目標，但它們在某些方...

威爾豬 ‧ 2023-09-24

0 Like 0 留言 2768 瀏覽

鐵人賽自我挑戰組 DAY 10

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 10 篇

技術【Day10】ChatGPT請教教我：TypeScript！Enum！泛型！

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

一宵三筵 ‧ 2023-09-24

0 Like 0 留言 221 瀏覽

鐵人賽 Modern Web DAY 9

TypeScript 魔法 - 喚醒你的程式碼靈感系列第 9 篇

技術 Day09 - 型別們，聯合吧！（Union Types）

什麼是聯合型別？在 TypeScript 中，聯合型別（Union Types）允許一個變數可以賦值多種不同的型別，並使用 | 符號將這些可能的型別隔開。...

肉鬆 ‧ 2023-09-24

0 Like 0 留言 206 瀏覽

鐵人賽 Modern Web DAY 9

TypeScript 啟動！系列第 9 篇

技術 [Day 09] TypeScript 函式/函數 II

昨天我們介紹了函式的基本結構與參數等等，接下來要來認識函式的多個樣貌了，我會逐一的介紹這些函式～產生器函式（generator function）簡稱產生器...

叮叮 ‧ 2023-09-24

0 Like 0 留言 238 瀏覽

鐵人賽 Software Development DAY 8

Should I use fp-ts 系列第 8 篇

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

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

Tuhacrt ‧ 2023-09-23

0 Like 0 留言 241 瀏覽

鐵人賽 Modern Web DAY 8

TypeScript 啟動！系列第 8 篇

技術 [Day 08] TypeScript 函式/函數Ｉ

在這之前我們已經有了 TypeScript 型別系統的基礎，尤其在基本型別、物件、陣列、元組、 enum 和最重要的 TypeScript 註記與型別推論的概念...

叮叮 ‧ 2023-09-23

0 Like 0 留言 669 瀏覽

鐵人賽 Modern Web DAY 23

用不到 30 天學會基本 TypeScript 系列第 23 篇

技術類別封裝 ( Class Encapsulation )

類別封裝是一種將類別的內部細節隱藏起來，確保類別的屬性和方法在外部程式碼中不被隨意訪問，提高程式碼的可維護性和可讀性，同時提供了一定程度的安全性。存取修飾符...

威爾豬 ‧ 2023-09-23

技術 聲明文件 ( Declaration Files )

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

技術 Day14 - 解開函式型別的神秘面紗

技術 Day 14 - 設定網站的 UI

技術 [Day 14] TypeScript React 初次使用 II

技術 [Should I use fp-ts?] Day 13 - fp-ts: Option fromNullable, fromPredicate

技術 裝飾器 ( Decorators )

技術 [Day 13] TypeScript React 初次使用

技術 Day13 - 解析函式返回型別的精隨

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

技術 Utility 型別 Ⅱ

技術 [Day 12] TypeScript 初見 React.js

技術 Day12 - TypeScript 的秘密武器(下) - 介面（Interfaces）

技術 [Should I use fp-ts?] Day 11 - fp-ts: Option match, matchW

技術 高級型別

技術 Day11 - TypeScript 的秘密武器(上) - 型別別名（Type Aliases）

技術 [Day 11] TypeScript 對話小專案

技術 [Should I use fp-ts?] Day 10 - fp-ts: Option getOrElse, getOrElseW

技術 型別縮小 ( Narrowing )

技術 Day10 - 我說了算 - 字面值型別（Literal Types）

徵才 招聘/全職/兼職平台前端開發工程師(遠程)

技術 [Day 10] TypeScript 類別與介面

技術 [Should I use fp-ts?] Day 09 - fp-ts: Option flatten, flatMap(chain)

技術 模組 & 命名空間 ( Modules & Namespaces )

技術 【Day10】ChatGPT請教教我：TypeScript！Enum！泛型 ！

技術 Day09 - 型別們，聯合吧！（Union Types）

技術 [Day 09] TypeScript 函式/函數 II

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

技術 [Day 08] TypeScript 函式/函數Ｉ

技術 類別封裝 ( Class Encapsulation )

標記使用者

技術聲明文件 ( Declaration Files )

技術裝飾器 ( Decorators )

技術高級型別

技術型別縮小 ( Narrowing )

徵才招聘/全職/兼職平台前端開發工程師(遠程)

技術模組 & 命名空間 ( Modules & Namespaces )

技術【Day10】ChatGPT請教教我：TypeScript！Enum！泛型！

技術類別封裝 ( Class Encapsulation )