iT邦幫忙

前端相關文章
共有 602 則文章
0 Like 0 留言 69 瀏覽
鐵人賽 JavaScript DAY 30
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 30 篇

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

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

Annie ‧ 2024-10-13
0 Like 0 留言 74 瀏覽
鐵人賽 JavaScript DAY 29
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 29 篇

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

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

Annie ‧ 2024-10-12
0 Like 0 留言 66 瀏覽
鐵人賽 JavaScript DAY 28
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 28 篇

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

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

Annie ‧ 2024-10-11
0 Like 0 留言 63 瀏覽
鐵人賽 JavaScript DAY 27
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 27 篇

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

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

Annie ‧ 2024-10-10
0 Like 0 留言 52 瀏覽
鐵人賽 JavaScript DAY 26
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 26 篇

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

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

Annie ‧ 2024-10-09
0 Like 0 留言 185 瀏覽
鐵人賽 Python DAY 25
從概念到應用：Python實戰開發學習之旅 系列 第 25 篇

技術 [Day24] Python專案 - 網頁開發 - (3) 前端的至尊React與Python之間的交流

目標 前言 昨天再經過python後端API的CRUD開發之後高速的服務提供者Fast API 今天會介紹React的基本使用方式 不過我會講道說為什麼會使用...

roni ‧ 2024-10-09
0 Like 0 留言 63 瀏覽
鐵人賽 JavaScript DAY 25
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 25 篇

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

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

Annie ‧ 2024-10-08
0 Like 0 留言 51 瀏覽
鐵人賽 JavaScript DAY 24
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 24 篇

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

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

Annie ‧ 2024-10-07
0 Like 0 留言 67 瀏覽
鐵人賽 JavaScript DAY 23
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 23 篇

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

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

Annie ‧ 2024-10-06
0 Like 0 留言 58 瀏覽
鐵人賽 JavaScript DAY 22
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 22 篇

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

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

Annie ‧ 2024-10-05
0 Like 0 留言 73 瀏覽
鐵人賽 JavaScript DAY 21
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 21 篇

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

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

Annie ‧ 2024-10-04
0 Like 0 留言 70 瀏覽
鐵人賽 JavaScript DAY 20
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 20 篇

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

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

Annie ‧ 2024-10-03
0 Like 0 留言 65 瀏覽
鐵人賽 JavaScript DAY 19
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 19 篇

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

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

Annie ‧ 2024-10-02
0 Like 0 留言 68 瀏覽
鐵人賽 JavaScript DAY 18
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 18 篇

技術 Day18：使用 TypeScript 為 React 元件定義 Props 型別

在 React 專案搭配 TypeScript 後續開發前，最重要的工作之一就是為元件定義 props 的型別。這不只可以讓程式碼更清晰易懂，也能幫助未來在開發...

Annie ‧ 2024-10-01
0 Like 0 留言 103 瀏覽
鐵人賽 JavaScript DAY 17
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 17 篇

技術 Day17：在 React 中使用 TypeScript 的基本設置與應用

在前一篇文章中，學到了如何在一般的 JavaScript 專案中加入 TypeScript，今天就來分享在前端框架 React.js 如何使用吧！TypeScr...

Annie ‧ 2024-09-30
0 Like 0 留言 437 瀏覽
鐵人賽 IT 管理 DAY 21
【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇 系列 第 21 篇

技術 [Day21-開發中期] 欄位邏輯 Flow 🎢  藉由 Figma 模擬程式模組積木，定義功能互動及開發！（下）

積木化的流程圖 承上篇的結論，我們覺得既然要提供前端們開發功能的指引，透過這樣 「視覺化」 的方式，能夠很好的模擬程式模組的架構！ 以下是我們最後的流程圖：（因...

TC ‧ 2024-10-03 ‧團隊擁有夢想的鐵人猴子隊
0 Like 0 留言 70 瀏覽
鐵人賽 JavaScript DAY 16
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 16 篇

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

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

Annie ‧ 2024-09-29
0 Like 0 留言 73 瀏覽
鐵人賽 Software Development DAY 16
我獨自開發 - 30天進化之路，掌握 Laravel + Nuxt 系列 第 16 篇

技術 D16 - 開始前端開發：用 Nuxt 為應用程式注入活力

哈囉，大家好！經過前面的努力，我們已經完成了後端的基本功能，也進行了第二階段的驗收。現在，是時候讓我們的個人財務管理系統有一個漂亮又實用的前端介面了。今天，我想...

rewrite ‧ 2024-09-29
0 Like 0 留言 68 瀏覽
鐵人賽 JavaScript DAY 15
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 15 篇

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

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

Annie ‧ 2024-09-28
0 Like 0 留言 85 瀏覽
鐵人賽 JavaScript DAY 14
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 14 篇

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

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

Annie ‧ 2024-09-27
0 Like 0 留言 65 瀏覽
鐵人賽 JavaScript DAY 13
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 13 篇

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

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

Annie ‧ 2024-09-26
0 Like 0 留言 72 瀏覽
鐵人賽 JavaScript DAY 12
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 12 篇

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

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

Annie ‧ 2024-09-25
0 Like 0 留言 62 瀏覽
鐵人賽 JavaScript DAY 11
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 11 篇

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

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

Annie ‧ 2024-09-24
0 Like 0 留言 80 瀏覽
鐵人賽 JavaScript DAY 10
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 10 篇

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

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

Annie ‧ 2024-09-23
0 Like 0 留言 93 瀏覽
鐵人賽 JavaScript DAY 9
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 9 篇

技術 Day09：TypeScript 的聯合型別

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

Annie ‧ 2024-09-22
0 Like 0 留言 84 瀏覽
鐵人賽 JavaScript DAY 8
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 8 篇

技術 Day08：TypeScript 的特殊型別

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

Annie ‧ 2024-09-21
0 Like 0 留言 75 瀏覽
鐵人賽 JavaScript DAY 7
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 7 篇

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

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

Annie ‧ 2024-09-20
0 Like 0 留言 83 瀏覽
鐵人賽 JavaScript DAY 6
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 6 篇

技術 Day06：TypeScript 的擴充型別

擴充型別 1. 元祖型別（Tuple Types） 前一篇文章在介紹陣列型別時，有稍微帶到元組的概念。可以將元組型別（Tuple Types）理解為工作方式類似...

Annie ‧ 2024-09-19
0 Like 0 留言 99 瀏覽
鐵人賽 JavaScript DAY 5
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 5 篇

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

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

Annie ‧ 2024-09-18
0 Like 0 留言 93 瀏覽
鐵人賽 JavaScript DAY 4
用 TypeScript 重新定義前端開發：30 天的實踐與思考 系列 第 4 篇

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

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

Annie ‧ 2024-09-17
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22199 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙