iT邦幫忙

typescript相關文章
共有 1029 則文章
鐵人賽 Modern Web DAY 14

技術 [Day14]:鴨子的別稱 - Alias別名

這兩隻不都是鴨子嗎? 鴨子與鵝實際差在哪?等等? 這兩隻不都是鴨子嗎?────────────────────── By Opshell 目標: Typ...

鐵人賽 Modern Web DAY 3

技術 [Day03] - 牙牙學語Hello World !- tsconfig設定

牙牙學語的第一步 如果不知道怎麼開始,就來個Hello Wrold吧。───────────────────────── By Opshell 目標:使...

鐵人賽 Modern Web DAY 23

技術 類別封裝 ( Class Encapsulation )

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

鐵人賽 Software Development DAY 9

技術 觀察者模式 - 09

多行字串 Typescript 支援多行字串 let text = `start line end line `; 字串模板 Typescript 支援字串模...

鐵人賽 Software Development DAY 24

技術 [Day24] 每個人都要訂閱的颱風假最新通知 ─ 觀察者(Observer) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天上班 發現好多人沒來 今年的最後一個連假 終於要來啦! 情境描述 不管是上班族還是學生,除了關心國定假日放哪幾天、接下來有...

鐵人賽 Modern Web DAY 20

技術 Day 20|從 0 到自動化:開啟你的第一個 GitHub Actions 旅程

前言 在專案開發的過程中,常常會遇到這種情況: 有時候是忘了跑 ESLint,專案裡到處都是紅線。 有時候是格式亂掉,Prettier 沒跑,code rev...

鐵人賽 Modern Web DAY 17
派對動物嗨起來! 系列 第 17

技術 D17 - 所以我說那個搖桿呢?

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 26

技術 [Day26]: 這才不是PS5 - axios & router

Axios X Router 這才不是PS5這是Plash Speed 5────────────────── By 장삐쭈 目標:安裝 axios +...

技術 (自己回答自己)Re: 關於新手入門React+TypeScript遇到的困擾⋯

原篇發問網址在這:https://ithelp.ithome.com.tw/questions/10211232 前言這篇是我自己發問的,最後搞很久,才終於寫出...

鐵人賽 Modern Web DAY 30

技術 [Day30]:無限層選單&結語

無限Menu 我如果你願意一層一層一層一層... 一層一層......做出Menu! 不願意!遞迴可以嗎?────────────── By Opshell...

鐵人賽 Modern Web DAY 12
強型闖入DenoLand 系列 第 12

技術 強型闖入DenoLand[11] - OOP Concept

強型闖入DenoLand[11] - OOP Concept 物件導向是一種態度。-- Jserv OOP 能吃嗎? C 語言程式設計是以函數 (Fun...

鐵人賽 自我挑戰組 DAY 3

技術 Day 3 設定 tsconfig.json 檔

上一篇提到下了 tsc --init 指令之後會創建出一個 tsconfig.json 的檔案,這個檔案設定了你要如何編譯 TypeScript 的檔案,今天就...

鐵人賽 Modern Web DAY 10

技術 斷言(Assertion)

在昨天的範例中,應該有看到斷言的用法。斷言是一種告訴編譯器更多資訊的方式,用於 強制指定型別。有時候,編譯器可能 無法確定變數的精確型別,或者 當我們需要將某個...

鐵人賽 Modern Web DAY 8

技術 [Day08] - 通通裝起來 - Array(陣列)

這個那個不要,剩下的通通裝起來。 數到三:0、1、2、3Array index 從 0 開始無誤───────────────────────── By O...

鐵人賽 Modern Web DAY 16
Hello TypeScript 菜鳥 系列 第 16

技術 Day 15. TypeScript Class 類別:Member visibility、readonly、abstract

今天要提到的是TypeScript才有的語法,而TypeScript的這些語法擴展了JavaScript缺乏的一些OOP(Objected-oriented P...

技術 Nextjs: Hydration failed because the initial UI does not match what was rendered on the server

這是Reactv18開始有的問題,官方描述: While rendering your application, there was a difference...

鐵人賽 Modern Web DAY 1

技術 Day 1: 使用 Vite 和 UnoCSS 快速搭建 Vue 3 + TypeScript 開發環境

前言 在現代前端開發中,效率與性能變得越來越重要。Vue 3 的 Composition API、TypeScript 的強型別系統,以及 Vite 的超快打...

鐵人賽 Modern Web DAY 21
Hello TypeScript 菜鳥 系列 第 21

技術 Day 20. TypeScript Generic 泛型:Generic Constraints

題外話一下,這個系列有時候如果發現有錯誤或是有新知識就會回去相關文章補充。 而這個系列的第一篇generic文章的最後有補充了一個例子: function ge...

鐵人賽 Software Development DAY 7

技術 [Day7] 聖上說選 3 份奏摺各複寫 500 張 ─ 雛型(Prototype) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 如果看到這篇,表示阿肥撐過了第一個禮拜 也就是一個月的 1/4,168 個小時,10080 分,604800 秒!接下來也要繼續...

鐵人賽 Modern Web DAY 12

技術 [Day12]:鴨子的形狀 - interface介面 Part 1

恩~ 鴨子就是長這樣... 嗎? 鵝 、 鵝 、 鵝曲項向天歌,白毛浮綠水紅掌撥清波...等等? 這是鴨子?──────────────────────...

鐵人賽 Modern Web DAY 1

技術 [Day6] Vite 出小蜜蜂~ Scene 場景!

Day6 Scenes 在 Web 的領域裡,一個網站會有頁面,像是 Main Page, Login Page, Dashboard ... etc。Game...

鐵人賽 Modern Web DAY 25

技術 Day25 - 泛型(Generics)上篇 - 讓程式碼變得更通用!

什麼是泛型? 泛型是一個強大的程式設計概念,它允許我們建立通用的、可重用的程式碼。它的優點不僅在於它可以適用於不同的資料型別,還在於它提供了靜態型別檢查的好處...

鐵人賽 Modern Web DAY 17

技術 void VS. never

在上一個章節中,我們知道如果函式沒有返回值的話,可以使用 void 型別,今天我們來比較 void 和 never 的不同的情境和用途,雖然它們看起來相似,但它...

鐵人賽 Modern Web DAY 28
Hello TypeScript 菜鳥 系列 第 28

技術 Day 27. TypeScript Type Manipulation:Conditional Types

Conditional types很有意思,因為TypeScript有些很好用的utility types其實是用conditional types定義出來的。...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16 中場休息,來做點酷東西

好的,Max 的課程進行到這邊,是時候來休息一下,整合前面所學的東西了。要來做的是一個可以讓使用者新增專案的小專案~ 專案的結構長這樣: HTML 的 head...

鐵人賽 Modern Web DAY 7

技術 陣列的基本方法

今天的內容是屬於 JavaScript 的範疇,但陣列方法不管在 JavaScript 還是 TypeScript 裡,都是滿重要的一個環節,所以威爾豬還是決定...

鐵人賽 Modern Web DAY 13

技術 Utility 型別 Ⅰ

TypeScript 提供了多種內建的 Utility 型別,它是一組 內建的型別操作工具,可以幫助我們更輕鬆、更有效率地進行型別操作,今天威爾豬先介紹基本且常...

鐵人賽 Modern Web DAY 4

技術 [Day04] - 一切的源頭 - 推論、註記、斷言

所以說那個Type呢? Jump有死、火、海Type有推、註、言───────────────────────── By Opshell 目標:初步了解...

鐵人賽 Modern Web DAY 27

技術 [Day27]:App.vue & Login

App.vue &amp; Login 登入─────────── By Opshell 目標: App.vue &amp;&amp; getData...

鐵人賽 Modern Web DAY 14
強型闖入DenoLand 系列 第 14

技術 強型闖入DenoLand[13] - Class 實戰(2)

強型闖入DenoLand[13] - Class 實戰(2) 經過前幾章,我們學到了 Interface 、 Class 的使用技巧,本章將會以先前的知識為基...