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

0 Like 0 留言 537 瀏覽

鐵人賽 Modern Web DAY 1

Reactivity 小技巧大變革：掌握 Signals 就這麼簡單！系列第 1 篇

技術什麼是 Signal ?

引言 React 的核心設計，是建立在一個重要假設之上：「資料與元件狀態的變化無法事先預測」。基於這個假設，React 必須持續透過 Virtual DOM（虛...

LucianoLee ‧ 2025-09-01

0 Like 0 留言 586 瀏覽

鐵人賽 JavaScript DAY 30

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 30 篇

技術 Day30：TypeScript 在大型應用中的應用淺談

隨著前端技術的不斷發展，現代應用變得愈來愈複雜，開發團隊也愈來愈龐大。這時候，強大的型別系統與模組化結構就顯得至關重要。而 TypeScript，作為 Java...

Annie ‧ 2024-10-13

0 Like 0 留言 708 瀏覽

鐵人賽 JavaScript DAY 29

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 29 篇

技術 Day29：使用 TypeScript 寫測試 - Jest 篇

在現在的前端應用程式開發中，撰寫測試對於確保代碼的穩定性和可維護性非常重要。而 Jest 就是盛行的其中一個 JavaScript 測試框架，內建支援斷言庫和模...

Annie ‧ 2024-10-12

0 Like 0 留言 428 瀏覽

鐵人賽 JavaScript DAY 28

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 28 篇

技術 Day28：TypeScript 的實用工具與插件

TypeScript 在 JavaScript 基礎上提供了強大的靜態型別系統和編譯階段錯誤檢查功能。然而，TypeScript 的強大功能不僅限於型別檢查，還...

Annie ‧ 2024-10-11

0 Like 0 留言 235 瀏覽

鐵人賽 JavaScript DAY 27

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 27 篇

技術 Day27：使用 TypeScript 進行編譯階段錯誤檢查

TypeScript 則是一種靜態型別語言，通過在編譯階段進行型別檢查來提前捕捉在運行時可能會遇到意外的錯誤。這可以幫助我們避免許多潛在的 bug，使得程式碼更...

Annie ‧ 2024-10-10

0 Like 0 留言 193 瀏覽

鐵人賽 JavaScript DAY 26

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 26 篇

技術 Day26：使用 TypeScript 處理第三方庫中的型別定義

在開發前端應用時，我們經常需要使用第三方庫。然而，並不是所有的 JavaScript 第三方庫都自帶 TypeScript 的型別定義，所以我們需要瞭解如何為這...

Annie ‧ 2024-10-09

0 Like 0 留言 233 瀏覽

鐵人賽 JavaScript DAY 25

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 25 篇

技術 Day25：TypeScript 的高級型別 (Advanced Types)

今天要介紹 TypeScript 裡的高級型別，分別是條件型別 (Conditional Types)、映射型別 (Mapped Types)與推斷型別 (In...

Annie ‧ 2024-10-08

0 Like 0 留言 344 瀏覽

鐵人賽 JavaScript DAY 24

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 24 篇

技術 Day24：使用 TypeScript 為異步操作與 Promise 添加型別加持

在 JavaScript 中，異步操作（例如網絡請求、讀取檔案等）經常使用 Promise 來處理，而 TypeScript 允許我們為這些 Promise 和...

Annie ‧ 2024-10-07

0 Like 0 留言 240 瀏覽

鐵人賽 JavaScript DAY 23

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 23 篇

技術 Day23：使用 TypeScript 為 API 請求和響應定義型別

在前端開發時，經常需要和後端 API 進行溝通，傳遞資料並接收回應。而在這些操作中，為了確保數據的正確性和程式碼的穩定性，使用 TypeScript 來為 AP...

Annie ‧ 2024-10-06

0 Like 0 留言 226 瀏覽

鐵人賽 JavaScript DAY 22

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 22 篇

技術 Day22：使用 TypeScript 為 React 元件定義複雜的型別

在開發大型 React 應用程式時，製作一些抽象化元件能提升程式碼的可重用性和可維護性。而在 TypeScript 的幫助下，可以為這些元件加上嚴格的型別註記，...

Annie ‧ 2024-10-05

0 Like 0 留言 246 瀏覽

鐵人賽 JavaScript DAY 21

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 21 篇

技術 Day21：使用 TypeScript 與 Redux，為 action 和 reducer 定義型別

Redux 是一個在 React 應用程式中常用的狀態管理工具，能夠有效地管理大型應用中的全域狀態。當我們使用 TypeScript 與 Redux 時，型別支...

Annie ‧ 2024-10-04

0 Like 0 留言 228 瀏覽

鐵人賽 JavaScript DAY 20

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 20 篇

技術 Day20：使用 TypeScript 為 React Hooks 增加型別註記

React 的 Hooks 是讓我們能夠在函式組件中使用狀態和生命週期的工具。而使用 TypeScript，則可以為這些 Hooks 增加型別註記，提升程式的可...

Annie ‧ 2024-10-03

0 Like 0 留言 587 瀏覽

鐵人賽 AI/ ML & Data DAY 28

軟體工程師的脫魯日誌-持續介紹hardcore AI研究直到脫魯🥹 系列第 28 篇

技術 Day28: 使用Flask在本地端架設自己的DialoGPT聊天室

我們在【Day5: 如何利用DialoGPT建立一個小小的聊天機器人】已經介紹要如何使用Huggingface去載入並使用DialoGPT，那今天我們來升級聊天...

渴望脫魯的SWE ‧ 2024-10-12

0 Like 0 留言 432 瀏覽

鐵人賽 JavaScript DAY 19

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 19 篇

技術 Day19：使用 TypeScript 處理 React 元件的 State 和 Context 型別

在 React 開發中，State 和 Context 是兩個非常常見的功能，負責管理組件的狀態與跨組件的資料共享。而引入 TypeScript 後，我們可以為...

Annie ‧ 2024-10-02

0 Like 0 留言 187 瀏覽

鐵人賽 JavaScript DAY 16

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 16 篇

技術 Day16：將 TypeScript 加入到現有的 JavaScript 專案－以 To do list 為例

在前面的篇幅介紹了一些 TypeScript 的基礎應用，所以這篇文章中，將介紹如何將 TypeScript 加入到現有的 JavaScript 專案，並以一個...

Annie ‧ 2024-09-29

0 Like 0 留言 340 瀏覽

鐵人賽 JavaScript DAY 15

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 15 篇

技術 Day15：TypeScript 的模組系統 (Modules)

在開發大型應用時，把程式碼分割成多個檔案是很重要的。這不僅讓程式碼更容易維護，也能夠提高團隊開發品質。這時候模組 (modules) 就相當好用了。TypeSc...

Annie ‧ 2024-09-28

0 Like 0 留言 374 瀏覽

鐵人賽 JavaScript DAY 14

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 14 篇

技術 Day14：TypeScript 的繼承與多型 (Inheritance and Polymorphism)

在 TypeScript 中，繼承和多型是兩個重要的面向對象編程 (OOP) 概念，這些特性使程式碼具有更高的重用性和靈活性。透過繼承，我們可以建立新的類別來擴...

Annie ‧ 2024-09-27

0 Like 0 留言 201 瀏覽

鐵人賽 JavaScript DAY 13

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 13 篇

技術 Day13：TypeScript 的類別(Classes)基礎

TypeScript 的類別基礎在 TypeScript 中，類別（Classes）提供了一個面向對象編程的方式，讓我們能夠更有效地組織和重用程式碼。類別不僅...

Annie ‧ 2024-09-26

0 Like 0 留言 206 瀏覽

鐵人賽 JavaScript DAY 12

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 12 篇

技術 Day12：TypeScript 的泛型(Generics)基礎

泛型 (Generics) TypeScript 裡的泛型（Generics）允許我們在定義函式、類別或介面時不必指定具體的資料型別，而是使用佔位符<&g...

Annie ‧ 2024-09-25

0 Like 0 留言 310 瀏覽

鐵人賽 JavaScript DAY 11

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 11 篇

技術 Day11：TypeScript 的型別別名 (Type Aliases)

型別別名 (Type Aliases) 在 TypeScript 中，型別別名提供了一個靈活的方式來簡化複雜型別，提升程式碼的可讀性，並且可以重複使用這些型別。...

Annie ‧ 2024-09-24

0 Like 0 留言 185 瀏覽

鐵人賽 JavaScript DAY 10

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 10 篇

技術 Day10：TypeScript 的介面 (Interface) 基本概念

介面 (Interface)的定義在 TypeScript 中，介面 (Interface) 是一種用來定義物件結構的合約。它為物件的屬性和方法提供了明確的描...

Annie ‧ 2024-09-23

0 Like 0 留言 219 瀏覽

鐵人賽 JavaScript DAY 9

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 9 篇

技術 Day09：TypeScript 的聯合型別

聯合型別 1. 聯合型別 (Union Types) 聯合型別 | ，允許一個值是一種或多種型別之一。這讓我們可以靈活地接受不同的型別輸入，而不用強制規範為單一...

Annie ‧ 2024-09-22

1 Like 0 留言 213 瀏覽

鐵人賽 JavaScript DAY 8

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 8 篇

技術 Day08：TypeScript 的特殊型別

一、任意型別（Any Types）有時候，我們可能需要在變數中儲存值。但在開發的時候並不確定它的型別。且未知值可能來自第三方 API 或使用者輸入的內容。在這...

Annie ‧ 2024-09-21

0 Like 0 留言 191 瀏覽

鐵人賽 JavaScript DAY 7

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 7 篇

技術 Day07：TypeScript 的函式型別(Function Types and Parameters)

函式型別與參數 (Function Types and Parameters) 在 TypeScript 中，函式的定義與 JavaScript 非常類似，可以...

Annie ‧ 2024-09-20

1 Like 1 留言 233 瀏覽

鐵人賽 JavaScript DAY 5

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 5 篇

技術 Day05：TypeScript 的陣列型別(Array Types)

陣列型別陣列可以用來存放有序的資料列表，而依據陣列內資料的型別不同，宣告方式也會有所不同。 1. 基本使用最簡單的宣告方式是型別註記方法，使用「型別+方括號...

Annie ‧ 2024-09-18

1 Like 0 留言 307 瀏覽

鐵人賽 JavaScript DAY 4

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 4 篇

技術 Day04：TypeScript 的物件型別(Object Types)

在前一篇文章中，我們快速認識了如何進行型別註釋（Type Annotations），並介紹了型別中最基礎的原始資料型別。接下來將學習物件型別，這是開發中經常使用...

Annie ‧ 2024-09-17

0 Like 0 留言 279 瀏覽

鐵人賽 JavaScript DAY 3

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 3 篇

技術 Day03：TypeScript 之基礎型別(Primitive Types)

了解 TypeScript 型別系統在完成開發環境的設置後，接下來就是深入了解 TypeScript 的型別系統了！作為 JavaScript 的超集，Ty...

Annie ‧ 2024-09-16

0 Like 0 留言 539 瀏覽

鐵人賽 JavaScript DAY 2

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 2 篇

技術 Day02：安裝與設置 TypeScript 開發環境

設置開發環境 1. VSCode 如果還沒有安裝過文字編輯器，推薦可以使用免費開源的 VSCode(Visual Studio Code)，它與 TypeSc...

Annie ‧ 2024-09-15

2 Like 0 留言 398 瀏覽

鐵人賽 JavaScript DAY 1

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 1 篇

技術 Day01：為什麼選擇 TypeScript 作為系列文章的主題？

在過去的前端開發中，TypeScript 正逐漸成為許多開發者的首選工具。作為一名開發者，我在學習和使用 TypeScript 的過程中，不僅感受到它帶來的開發...

Annie ‧ 2024-09-14

0 Like 0 留言 744 瀏覽

鐵人賽 Modern Web DAY 2

重新認識 FrontEnd 系列第 2 篇

技術 Day2： HTML 的重要性

那些只要能跑就好的代碼一開始矇矇懂懂加入前端行列的我拿起了第一本前端書籍的時候，上面同時介紹了 HTML 與 CSS，胸懷壯志的想說要把他看個兩三遍，然而事情...

呆呆小將 ‧ 2024-08-07

技術 什麼是 Signal ?