iT邦幫忙

前端相關文章
共有 609 則文章

技術 vue的 Teleport

在 Vue 中,Teleport是一個特殊的內建元件,從Vue 3開始引入。元件的邏輯關聯性。 這對於一些需要特定 DOM 結構的功能(如模態框、通知、工具提示...

技術 JavaScript 深拷貝(Deep Copy)

在 JavaScript 中,深拷貝(Deep Copy)是一種創建對象完整副本的方式,其中所有的嵌套對象或數組也會被拷貝,而不是共享原始對象的引用。以下是一些...

技術 JavaScript 的apply 和 call

在 JavaScript 中,apply 和 call 是函數的兩個方法,用於顯式設置函數的 this 值,並傳遞參數來執行函數。它們的主要區別是傳遞參數的方式...

技術 JavaScript 的閉包

在 JavaScript 中,閉包(Closure) 是指一個函數能夠記住並訪問它的詞法作用域(Lexical Scope),即使這個函數在其作用域之外被執行。...

技術 JavaScript 的Symbol

在 JavaScript 中,Symbol 是一種原始數據類型,適合用於創建唯一的標識符。它主要用於避免命名衝突、保護對象的屬性,以及實現元編程。 適用情況...

技術 JavaScript 的prototype

在 JavaScript 中,prototype 適合用於 需要創建多個具有相同功能的對象 的情況,特別是在需要共享方法或屬性時。這樣可以避免每次創建新對象時都...

技術 JavaScript 的new Map()

在 JavaScript 中,new Map() 是一個用於存儲鍵值對的資料結構。它與普通的 JavaScript 物件({})類似,但提供了更多功能和更靈活的...

鐵人賽 JavaScript DAY 30

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

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

鐵人賽 JavaScript DAY 29

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

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

鐵人賽 JavaScript DAY 28

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

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

鐵人賽 JavaScript DAY 27

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

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

鐵人賽 JavaScript DAY 26

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

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

鐵人賽 Python DAY 25

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

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

鐵人賽 JavaScript DAY 25

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

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

鐵人賽 JavaScript DAY 24

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

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

鐵人賽 JavaScript DAY 23

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

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

鐵人賽 JavaScript DAY 22

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

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

鐵人賽 JavaScript DAY 21

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

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

鐵人賽 JavaScript DAY 20

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

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

鐵人賽 JavaScript DAY 19

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

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

鐵人賽 JavaScript DAY 18

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

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

鐵人賽 JavaScript DAY 17

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

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

鐵人賽 IT 管理 DAY 21

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

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

鐵人賽 JavaScript DAY 16

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

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

鐵人賽 Software Development DAY 16

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

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

鐵人賽 JavaScript DAY 15

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

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

鐵人賽 JavaScript DAY 14

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

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

鐵人賽 JavaScript DAY 13

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

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

鐵人賽 JavaScript DAY 12

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

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

鐵人賽 JavaScript DAY 11

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

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