iT邦幫忙

typescript相關文章
共有 1029 則文章
鐵人賽 Modern Web DAY 24
Hello TypeScript 菜鳥 系列 第 24

技術 Day 23. TypeScript Type What?:Type Predicates

原本要介紹Type Guard和Narrowing,後來發現Type Predicates是Narrowing的一種技巧,所以今天先來看看Type Predic...

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

技術 D26 - 遊戲機網頁取得搖桿控制訊號

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

鐵人賽 Modern Web DAY 16
擊敗前端面試大作戰! 系列 第 16

技術 [擊敗前端面試大作戰] 什麼是 Typescript?

今天是鐵人賽的第十六篇文章,也是 Typescript 系列的第一篇文章,這系列文章總共會有四個篇幅,內容會從為什麼需要 Typescript 開始,再來介紹...

鐵人賽 Software Development DAY 14

技術 消滅多個if 的方法 - 14

提前return 下面是一個if else 的範例 function checkBalance(customer: Customer, amount: numb...

鐵人賽 Modern Web DAY 5

技術 Trick 4: 你可以再靠近一點…演算法

路邊撿來的偏方 在小哈剛開始接觸遊戲程式設計的時候,偶然看到了這一小段程式碼,在感佩之餘,小哈也在往後的日子將這個方法應用於各式遊戲的開發之中。 hpbar.w...

鐵人賽 Modern Web DAY 21

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day20 - 超好用工具分享之 TSQuery

之前筆者在 Day12 的時候有說過, Angular 其實很貼心地幫我們準備了很多 API ,讓我們在開發 Schematics 的時候可以更輕鬆、簡單。 不...

鐵人賽 Software Development DAY 22

技術 [Day22] 打造輕鬆編輯的顏文字編輯器吧! ─ 命令(Command) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天是blue nonday... 不過因為有鐵人賽的加入 讓阿肥想blue也沒時間blue啦! 情境描述 肥醬喜歡在社交軟...

鐵人賽 Software Development DAY 2

技術 Day 2 開發環境的準備

Day 2 開發環境的準備 今天的內容是關於開發環境的準備,我會跳過安裝程式之類的部分,因為這些教學網路上已經很多了。 重新檢視一下目標,我們需要 Node.j...

鐵人賽 Modern Web DAY 22

技術 Day22 : 【TypeScript 學起來】Generic Function 泛型函式

上一篇介紹了 Generic 泛型, 其實這篇差不多意思 XDD 主要針對 Generic Function。若有錯誤,歡迎留言指教,感恩的心。 Gene...

鐵人賽 Modern Web DAY 16

技術 函式與 This 指向 (Function & This)

在前面幾個章節中,應該或多或少都有看到函式在 TypeScript 中的寫法,它比 JavaScript 多了參數和返回值的型別設定,我們看一下函式基本的宣告方...

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

技術 強型闖入DenoLand[2] - Hello, World!

強型闖入DenoLand[2] - Hello, World! 今天進入到了一個相當重要的篇章,筆者認為這是學習一樣新的程式語言時最愉快的環節沒有之一。 因...

鐵人賽 Software Development DAY 25

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

嗨 大家好 我是一路爬坡的阿肥 晚上就要準備搭去澎湖啦! 接下來四天阿肥會提醒自己 醒來的第一件事不是衝去看海 是趕快PO文! 定義各種介面 Data 我們先...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09:一起了解 Angular 應用程式的啟動流程(一)

啟動 Angular 開發伺服器 我們先打開 VS Code 的終端機面版,輸入 npm start,而 npm start 就會執行 ng serve 這個指...

鐵人賽 Modern Web DAY 17

技術 Day17: 【TypeScript 學起來】什麼是 Narrowing?

其實看官網看這篇的時候很想pass,有點看不下去XD,但還是做了筆記。若有錯誤,歡迎留言指教,感恩的心。 Narrowing Narrowing 指的是將某...

技術 自動更新 GitHub Profile README 中的 IT 邦幫忙文章

最近剛好在做自己github的profile readme剛好想到可以抓取之前寫的it邦幫忙鐵人賽文章放進readme看到github action marke...

鐵人賽 Modern Web DAY 1

技術 [Day3] Vite 出小蜜蜂~ Game Loop!

Day3 軟體架構 這邊卡比要介紹一個名詞,Software Architecture 軟體架構。 軟體架構 旨在如何更好的處理各個程式碼段落之間的溝通,雖然並...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12:想要快速產出元件及範本,就用 Angular CLI 吧!(二)

讓 Angular 元件顯示在畫面上 上一篇,我們建立了一個元件 page1。 接下來,我們就要把 page1 這個元件,顯示在如下圖的 Angular 應...

鐵人賽 Modern Web DAY 1

技術 [Day0] Vite 出小蜜蜂~和卡比一起玩網頁遊戲開發!

Day0 動機 Motivation 80 年代對卡比來說是個很特別的年代,那個年代的音樂、影視、電玩深深地影響了卡比,特別是那個遊戲剛發跡的年代,極客們在沒...

鐵人賽 Modern Web DAY 5

技術 基本數據型別 (number、string、boolean) + 聯合類型、交叉類型

TypeScript 的型別大致分為下圖幾項,威爾豬會在之後章節陸續講,今天我們先談談最基本的三種數據型別。 在 TypeScript 中,基本型別註解都是以...

鐵人賽 Modern Web DAY 2

技術 [Day02] - 環境什麼的... 最討厭了 - 環境安裝

環境什麼的 最討厭了 每次開始學習新的語言或框架,最麻煩的不是要學習他的語法、規則而是安裝它的環境...─────────────────────────...

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

技術 強型闖入DenoLand[26] - 使用 Deno 打造多線程應用(3)

強型闖入DenoLand[26] - 使用 Deno 打造多線程應用(3) 在介紹完多線程的概念以及如何在 Deno 上實現多線程後,就讓我們來實做一些(不)...

鐵人賽 Software Development DAY 5

技術 [Day5] 老闆:來一碗大腸麵線 ─ 工廠方法(Factory Method) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 突然想到雙十連假要去澎湖渡假敲開心~(灑花) 啊 等一下!(是真的突然想到) 那不就表示就連在澎湖也要記得發文嗎 ? 情境描述...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19 Libraries & TypeScript

前面中場休息的 Project 今天暫且休一天,來介紹一下可以在 JavaScript 跟 TypeScript 使用以及只有 TypeScript 能夠使用的...

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

技術 D27 - 一人一隻才公平

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

鐵人賽 Modern Web DAY 1

技術 Day01 Vue.js 前言:從後端到前端的蛻變,帶你進入 Vue.js 互動世界

前言:從後端到前端,一起體驗互動設計的樂趣 嗨,大家好!歡迎來到這次的 IT 鐵人賽專題。我是一名專注於 PHP 和 Python 的後端工程師,這次會和大家...

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

技術 D22 - 企鵝登場:建立企鵝 Class

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

鐵人賽 自我挑戰組 DAY 16

技術 Day 16:把做好的 HTML 加入 Angular 吧!

三天前,我們已成功把靜態檔案加入 Angular 的專案了,如果感到有點陌生,可以再到以下連結,重新回憶一下: Day 13:來把靜態檔案加入 Angular...

技術 What is Dependency Injection?

在 Angular 中 Dependency Injection 是個非常大的特點,Dependency Injection 是一種設計模式,主要是用於將相關的...

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

技術 強型闖入DenoLand[18] - TypeScript 和 Deno 的大小事(1)

強型闖入DenoLand[18] - TypeScript 和 Deno 的大小事(1) 在我們學習完 TypeScript 的基礎語法以及 Deno CLI...

鐵人賽 Software Development DAY 3

技術 Day 3 準備部署環境

Day 3 準備部署環境 今天的內容是關於部署環境的準備,我們一樣會使用 Docker 來建立我們的部署環境。 但首先,我們需要先做出一個最簡單的 Discor...