iT邦幫忙

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

技術 Day 0. 媽 我參賽了

哈摟,我是剛入門Web領域、目前正在學React的菜鳥,參加鐵人賽的緣由是因為實習寫專案時碰到TypeScript,但當時只看了一咪咪的官方文件的5分鐘Gett...

鐵人賽 Modern Web DAY 1

技術 [Day13] Vite 出小蜜蜂~Memory Leak & Optimization!

Day13 目前做到這邊的大家應該會發現一些問題,在上一個章節,雖然我們成功產生了很多敵人,但是程式卻發生了 Memory Leak。 這就是這個章節的主題,程...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27:開始來學資料繫結:使用目前所學,來個簡單實作吧!(一)

資料繫結的主題講了好幾天,那麼,就來小試身手一下,透過一個簡單的實作,把這幾天所學到的觀念,試著運用看看。 看看上圖框起來的 input,我們實作的需求如下:...

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

技術 D25 - 建立類比控制搖桿

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

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

技術 Day 17. TypeScript interface 介面:extends、implements

Day 17 稍微認識interface進階一點點的用法 extends extends 關鍵字是用來擴充一個 interface 描述的屬性,例如: int...

鐵人賽 Software Development DAY 19

技術 [Day19] 我要輕鬆成為股海高手! ─ 外觀(Facade) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 最近阿肥的暈眩症又發作啦 如果接下來的文章有出現胡言亂語的情況 還請多多包涵 情境描述 大肥是個資深的玩股票高手,使用過不少平...

鐵人賽 Modern Web DAY 28

技術 裝飾器 ( Decorators )

裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據(metadata),並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...

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

技術 強型闖入DenoLand[12] - Class 實戰(1)

強型闖入DenoLand[12] - Class 實戰(1) 前一篇章節向大家帶來了 OOP 的概念,本篇開始將針對 Class 的實作開始講解並介紹: 繼承...

技術 打磚塊:球磕到角角的碰撞與反彈

打磚塊可能是很多老師給初學程式的學生的第一個練習專案,雖然我以前沒經過這個階段,但還是來分享一下和打磚塊相關的演算法以及使用Typescript實作的Live...

技術 如何在Node.js上使用DropBox裡的檔案

作者我最近在寫專案時剛好需要拉Dropbox的檔案下來做操作但在網路上找教學時都不是很懂經過一番折騰後才弄出結果希望這個文章能夠幫助同樣遇到困難的讀者 申請...

技術 typescript 變 golang,教你怎麼把 golang 的chan select 用 typescript 實現,實現 chan

golang 的 chan select 實在太方便,其實任何提供了協程的語言都能很好且方便的支持 chan 和 select,因爲經常寫 typescript...

鐵人賽 Modern Web DAY 14

技術 類型別名 VS. 接口 (type VS. interface)

在前面章節中,大家應該會很疑惑 type 和 interface 在很多方面都可以實現相似的功能,那我們應該要使用哪一種呢?下面來看看兩者存在了哪些區別: ty...

鐵人賽 Software Development DAY 13

技術 [Day13] 我需要一台喵喵翻譯機 ─ 轉接器(Adapter) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 阿肥在寫本篇範例的時候 認真地想 如果真的有人成功發明出喵喵翻譯機的話 應該會造福各地的奴才們 然後成為人生勝利組吧 情境描述...

鐵人賽 自我挑戰組 DAY 22

技術 Day 22:開始來學資料繫結:屬性繫結(一)

Day 22:開始來學資料繫結:屬性繫結(一) 今天要來探討第二種資料繫結的方法:屬性繫結(Property binding)。 我們以上一篇 a 標籤的 hr...

鐵人賽 Modern Web DAY 1

技術 [Day4] Vite 出小蜜蜂~ Input Control 操作系統!

Day4 接下來卡比要是著操作 LaserCannon,讓他可以左右移動。 Input 在上個章節,卡比介紹了 GameLoop。 示意用 while (tru...

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

技術 [擊敗前端面試大作戰] Typescript Generics and Utility types

昨天講到了 Typescript 基本的幾個 type,在普通的場景中使用那幾個 type 就夠用了。但在實際應用上時,有時候懷是會遇到昨天講的 type 無...

鐵人賽 Modern Web DAY 12

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

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

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

技術 D18 - 玩家一起粗乃玩!

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

鐵人賽 自我挑戰組 DAY 26

技術 Day 26:開始來學資料繫結:事件繫結(三)今天的 $event 有型別呢!

昨天我們有稍微提到,使用 $event 的 property 時,要注意大小寫的問題,雖然只是輕輕帶過,但是以往有寫過 JavaScript 的開發者,肯定有遇...

鐵人賽 Modern Web DAY 30

技術 前端開發環境 + React + TS

今天過後,相信小夥伴們應該對 TypeScript 有多一點點的基本認識,至於剩下的就是更高級和複雜的組合和運用,如果有興趣可以來玩玩 Type Challe...

鐵人賽 Modern Web DAY 15

技術 JSON to TS (Vscode 套件)

在前面的章節我們介紹了使用 interface 來聲明物件的結構和形狀,但如果我們是要接收從 api 上取得回來的資料 (我們使用 TDX 的觀光資訊 隨便其中...

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

技術 Day 25. TypeScript Type Manipulation: & Operator、typeof Operator、keyof Operator

本來準備往TypeScript和React的方向走,但TypeScript愈挖愈深發現還有很多有趣的東西沒有認識,而且也有工作上碰過的東西(汗)。 先前的文章很...

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

技術 Day 8. TypeScript 參考型別:Tuple

Tuple (中文好像可以稱作 元祖),是Array(陣列)的一種變形,也是array的子型別,不一樣的是,Array是不固定長度,而Tuple則需要事先固定長...

鐵人賽 Modern Web DAY 23

技術 抽象工廠模式-用TS挑戰設計模式-D23

創建型:抽象工廠模式 昨天看了工廠模式後,今天的抽象工廠就容易入手啦。 昨天我們用工廠模式製作了一個椅子工廠,假如今天我們今天要擴展我們的商業模式,發展系列家具...

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

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

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

鐵人賽 Software Development DAY 15

技術 利用抽象類別取代if else - 15

用抽象類別(abstract class) 方法取代if else 先定義一個基本的抽象類別 abstract class ForSale { abstr...

技術 解決Windows總是把Typescript文件夾看成影音檔

最近用Typescript開發專案,小弟用的是Windows10筆電遇到一個小煩惱,那就是每次打開都是 .ts 的文件夾時就會像下方圖片一樣 https://...

鐵人賽 Modern Web DAY 23

技術 Trick 22: 遊戲的正義由數字保安來維護

有製作過遊戲的朋友,肯定有過這樣的經驗,明明計算好這一關最高只可能得到300分,卻總是有人可以一下突破天際得到30000分。而這個情況不是只發生在網頁遊戲,電腦...

鐵人賽 Software Development DAY 12

技術 建立測試案例 - 12

設定好 test 測試環境, 以及 git 環境設定, 現在我們可以開始搗鼓我們的產品實驗室. 當我們編寫產品程式時, 我們就試著用下面流程來跑 紅燈 --...

技術 Code Generation 3:利用JAVA將AS檔案轉成TS檔案型態-轉import

在轉資料中有import內容,而每寫段程式,就要重新撰寫import內容也令我很反感。後讓我整理了幾個程式碼中的import ,做出一份大家通用的import如...