iT邦幫忙

typescript相關文章
共有 202 則文章
鐵人賽 Modern Web DAY 25

技術 Day24 | 只要別搞混 Class,你想得到通通有

前言 本篇會介紹如何在 TypeScript 中使用 Class,但是可別搞混了哦!TypeScript 的 Class 和 JavaScript 的 Clas...

鐵人賽 自我挑戰組 DAY 21
Typescript 初心者手札 系列 第 21

技術 【Day 21】TypeScript 類別 -存取修飾符(Access Modifiers)、抽象( Abstract)

昨天簡單的介紹了類別的基本用法和繼承概念,今天來繼續探討類別中蠻重要的功能-存取修飾符(Access Modifiers)以及abstract關鍵字。 存取修飾...

鐵人賽 Modern Web DAY 26

技術 Day 26. 機動藍圖・策略模式 X 選擇策略 - Strategy Pattern Using TypeScript. I

閱讀本篇文章前,仔細想想看 類別繼承與介面綁定的差別在哪裡?能夠描述它們各自的優缺點嗎? 如果還沒理解完畢的話,可以先翻看前一篇的文章喔! 筆者本來沒有要...

鐵人賽 Modern Web DAY 20

技術 [DAY-20] Typescript 介紹-型別(Type)與介面(Interface)

Angular的介紹到此告一段落了。Angular與Typescript有非常深度的整合。因此Typescript也是必須要認識的相關基礎。現在要來介紹- Ty...

鐵人賽 自我挑戰組 DAY 20
Typescript 初心者手札 系列 第 20

技術 【Day 20】TypeScript 資料型別 - 類別(Class)

總算來到了類別 Class(撒花~) 每天邊學邊寫 TypeScript 20天好像才來到真正的重點哈。在使用 React 函式庫進行開發時,經常會使用 ES6...

鐵人賽 Modern Web DAY 25

技術 Day 25. 機動藍圖・類別與介面 X 終極的組合 - Ultimate Combo of Class & Interface

閱讀本篇文章前,仔細想想看 試描述類別(Class)的型別推論機制與註記機制。 繼承過後的子類別,試描述其類別推論機制與註記機制。 子類別跟父類別的推論與...

鐵人賽 Software Development DAY 20

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

嗨 大家好 我是一路爬坡的阿肥 昨天因為老毛病發作想說去看中醫 結果脖子後面被札了十幾針 還被喬到發出喀喀喀的聲音 有種比發作時還要可怕的感覺 複雜的 API...

鐵人賽 Modern Web DAY 24

技術 Day23 | 你説 JS 是什麼弱型別? TypeScript 強勢登場

前言 會碰到 TypeScript 是因為之前無意間取得 深入淺出設計模式 ,覺得那些為了解決問題而整理出來的設計模式太有趣了,包含那些 Class、Inter...

鐵人賽 自我挑戰組 DAY 19
Typescript 初心者手札 系列 第 19

技術 【Day 19】TypeScript 介面(Interface) v.s. 型別別名(Type Alias)

昨天初步介紹了 TS 介面以及如何宣告,但昨天在研究介面的時候,心中一直有個疑惑,介面怎麼和之前提到的型別別名(Type Alias)有點像,究竟有什麼差別呢?...

鐵人賽 Modern Web DAY 24

技術 Day 24. 機動藍圖・類別推論 X 註記類別 - Class Type Inference & Annotation

閱讀本篇文章前,仔細想想看 大致上已經了解類別的基本用法與性質了嗎? TypeScript 針對物件方面的型別推論與註記機制為何? 如果還沒理解完畢的話...

鐵人賽 Software Development DAY 19

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

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

鐵人賽 自我挑戰組 DAY 18
Typescript 初心者手札 系列 第 18

技術 【Day 18】TypeScript 資料型別 - 介面(Interface)宣告與屬性

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 通用型別的使用情境為何? 如果有點不清楚答案的話,可以看看 Day17 的文章喔! 介面概念 TS...

鐵人賽 Modern Web DAY 23

技術 Day 23. 機動藍圖・私有建構子 X 單身狗模式 - Private Constructor & Singleton Pattern

閱讀本篇文章前,仔細想想看 還記得存取修飾模式(Access Modifiers)有哪些嗎? 你有想過 private 除了類別成員與類別的靜態屬性與方法...

鐵人賽 Software Development DAY 18

技術 [Day18] Switch 的各種同捆包 統統裝起來 ─ 裝飾者(Decorator) <React 篇>

嗨 大家好 我是一路爬坡的阿肥 最近家裡大人把一些舊的遊戲轉賣 發現原來遊戲片可以這麼保值! 準備入手新的遊戲好期待呀 React 中的裝飾者 有讀過 Rea...

鐵人賽 自我挑戰組 DAY 17
Typescript 初心者手札 系列 第 17

技術 【Day 17】TypeScript 資料型別 - 通用型別(Generic Types)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: any 和 unknown 型別的差別為何? 倘若希望 TypeScript 編譯時禁止隱性推論 any...

鐵人賽 Modern Web DAY 22

技術 Day 22. 機動藍圖・特殊成員 X 存取方法 - TypeScript Class Accessors

閱讀本篇文章前,仔細想想看 類別的靜態成員(Static Members)是什麼?與普通成員差異在哪? 什麼情況下會採用靜態成員的設計呢? 如果還沒理解...

鐵人賽 Software Development DAY 17

技術 [Day17] Switch的各種同捆包 統統裝起來 ─ 裝飾者(Decorator) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天天氣好到 不像是颱風剛過一樣 希望下禮拜的雙十連假也能像今天這樣晴朗啊(懇求) 情境描述 老肥是販賣遊戲的經銷商。因為今年...

鐵人賽 Modern Web DAY 21

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

閱讀本篇文章前,仔細想想看 如何使用類別的繼承(Inheritance)? 為何我們設計類別的成員時,會儘量以 private 模式為基準?什麼時候該開放...

鐵人賽 自我挑戰組 DAY 16
Typescript 初心者手札 系列 第 16

技術 【Day 16】TypeScript 資料型別 - 特殊型別(下)- Any & Unknown

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: never 和 void 的差異為何? never 是所有型別的子型別,這會讓 never 擁有什麼特性...

鐵人賽 Software Development DAY 16

技術 [Day16] 一次填好麵線跟拉麵的菜單可以嗎? ─ 組合(Composite) <React篇>

嗨 大家好 我是一路爬坡的阿肥 有句話說:「該還的還是得還」 颱風假的隔天就是償債日 工作進度持續繃緊中! React的組合模式 在前端開發中,我們會實作出許...

鐵人賽 自我挑戰組 DAY 15
Typescript 初心者手札 系列 第 15

技術 【Day 15】TypeScript 資料型別 - 特殊型別(上)- Never

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 複合型別有哪兩種?分別用在哪些情境? 什麼是型別檢測(Type Guard)? 如果有點不清楚答案的話...

鐵人賽 Modern Web DAY 20

技術 Day 20. 機動藍圖・類別繼承 X 延用設計 - TypeScript Class Inheritance

閱讀本篇文章前,仔細想想看 描述類別存取修飾子(Access Modifiers)的功能與意義。 為何類別要實踐某介面時,介面裡的所有規格在類別裡會直接綁...

鐵人賽 Software Development DAY 15

技術 [Day15] 一次填好麵線跟拉麵的菜單可以嗎? ─ 組合(Composite) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天放颱風假比平常開心100倍 因為可以有更多時間寫文章啦! 情境描述 在大肥百貨美食街的麵食區,開著肥肥麵線攤跟壹LAN拉麵...

鐵人賽 自我挑戰組 DAY 14
Typescript 初心者手札 系列 第 14

技術 【Day 14】TypeScript 資料型別 - 複合型別(Union & Intersection) & 型別檢測(Type Guard)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 字面值型別支援哪幾種型別? 型別別名(Type Alias)的運作機制為何? 如果有點不清楚答案的話,...

鐵人賽 Modern Web DAY 19

技術 Day 19. 機動藍圖・存取修飾 X 藍圖規劃 - TypeScript Class Access Modifiers

閱讀本篇文章前,仔細想想看 TypeScript 類別(Class)的意義是什麼? TypeScript 類別跟介面(Interface)的最大差別在哪裡...

鐵人賽 Software Development DAY 14

技術 [Day14] 我需要一台喵喵翻譯機 ─ 轉接器(Adapter) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 寫著寫著竟然已經撐兩個禮拜了! 果然有參加比賽有差 可以訓練自己擺脫三分鐘熱度的壞習慣 給個定義 我們知道轉接器模式主要的類...

鐵人賽 Software Development DAY 13

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

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

鐵人賽 Modern Web DAY 18

技術 Day 18. 機動藍圖・類別宣告 X 藍圖設計 - TypeScript Class

閱讀本篇文章前,仔細想想看 複合型別 union 與 intersection 的功能與意義代表為何? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 今...

鐵人賽 自我挑戰組 DAY 13
Typescript 初心者手札 系列 第 13

技術 【Day 13】TypeScript 資料型別 - 字面值型別(Literal Types) & 型別別名(Type Alias)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 什麼是元組(Tuple)?與陣列的差別? 什麼是列舉(Enum)? 使用情境為何? 如果有點不清楚答案的...

鐵人賽 自我挑戰組 DAY 12
Typescript 初心者手札 系列 第 12

技術 【Day 12】TypeScript 資料型別 - 元組(Tuple) & 列舉(Enum)

今天要來介紹一下 TS 有而 JS 沒有的資料型別 —— 元組(Tuple)和列舉(Enum) 元組(Tuple) 元組可以想成是一個嚴格的陣列,陣列的元素是固...