iT邦幫忙

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

技術 Day 17. 機動藍圖・複合型別 X 型別複合 - TypeScript Union & Intersection

閱讀本篇文章前,今天什麼都不用想! 直接進入正文,快看下面! 筆者就直接讓油門繼續摧下去~正文開始! 筆者 O.S.:今天又是數學時間,要學好程式可真不...

鐵人賽 Software Development DAY 12

技術 [Day12] 前端開發好朋友 ─ Storybook

嗨 大家好 我是一路爬坡的阿肥 今天是Happy Friday! 也是適合寫鐵人賽文章的好日子喔(疑?) Storybook 簡介 今天阿肥要先插個花,介紹一...

鐵人賽 Modern Web DAY 11

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day10 - 與 TypeScript Compiler API 的初次接觸

關於 TypeScript Compiler API 相信大家都知道什麼是 TypeScript ,而 TypeScript Compiler API 就是 T...

鐵人賽 Modern Web DAY 16

技術 Day 16. 機動藍圖・介面與型別 X 混用與比較 - TypeScript Interface V.S. Type

閱讀本篇文章前,仔細想想看 TypeScript 的型別系統與介面之間在語法上的差別與介面或型別的使用有何共通點呢?但意義上又會差在哪? 如果還沒理解完畢的...

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

技術 【Day 11】TypeScript 資料型別 - 陣列型別(Array Types)-(下)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 簡單陣列的型別推論機制為何? 混合陣列的型別推論機制為何? 如果有點不清楚答案的話,可以看看 Day1...

鐵人賽 Software Development DAY 11

技術 [Day11] BABY 你就是我唯一 ─ 獨體(Singleton)

嗨 大家好 我是一路爬坡的阿肥 今天的文章對阿肥來說好輕鬆呀~ 接下來每個模式都那麼好懂就好了(不可能) 前言 在社會、法律道德的規範之下,有些個體希望只存在...

鐵人賽 Modern Web DAY 15

技術 Day 15. 機動藍圖・功能多樣性 X 多樣性介面 - More on TypeScript Interface

閱讀本篇文章前,仔細想想看 到目前為止對於 TypeScript Interface 介面的理解到什麼程度呢? 你認為 TypeScript 和第三方套件...

鐵人賽 Software Development DAY 10

技術 [Day10] 吃壹LAN就是要硬麵加半熟蛋 ─ 建設者(Builder) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 今天是鐵人賽的第 10 天,已經過了 1/3 了! 最近發現寫文章卡最久的不是寫 code 而是在找歌跟想開場白(整個劃錯重點)...

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

技術 【Day 10】TypeScript 資料型別 - 陣列型別(Array Types)-(上)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 函式回傳值註記為 void 和 undefined 有什麼差異呢? 什麼是重載(overloads)?...

鐵人賽 Modern Web DAY 14

技術 Day 14. 機動藍圖・函式超載 X 究極融合 - Function Overload & Interface Merging

閱讀本篇文章前,仔細想想看 試問介面跟型別系統的差異性在哪? 為何要儘量對程式碼進行抽象化的動作? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 什...

鐵人賽 Software Development DAY 9

技術 [Day9] 吃壹LAN就是要硬麵加半熟蛋 ─ 建設者(Builder) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 阿肥在想好今天的標題後... 突然超級嘴饞想吃一蘭 決定鐵人賽結束後去吃一波! 情境描述 肥肥是個標準的哈日族,每年一定會去日...

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

技術 【Day 09】TypeScript 資料型別 - 函式型別(Function Types)-(下)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 函式在 TypeScript 的型別推論和型別註記機制為何? 若參數推論為 any 型別,TS 會如何進...

鐵人賽 Modern Web DAY 8

技術 Day 08 - JS 型別守護者 TypeScript

改寫原本的 Day 06 的 ScenesManger switch scence with ScenesManager by ts private: 私有屬...

鐵人賽 Modern Web DAY 13

技術 Day 13. 機動藍圖・介面的延展 X 功能與意義 - Interface Extension & Significance

閱讀本篇文章前,仔細想想看 如何宣告介面(Interface)? 介面跟型別(Type)在語法上的差別與規則會是什麼?(筆者目前還沒講概念上的差別,讀者先...

鐵人賽 Software Development DAY 8

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

嗨 大家好 我是一路爬坡的阿肥 最近天氣的關係加上拼命寫文章 睡眠品質好到一直爬不起來(眼神死) 羨慕一天只需要睡3小時就精神飽滿的人 今日文章適合搭配範例專...

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

技術 【Day 08】TypeScript 資料型別 - 函式型別(Function Types)-(上)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 如何解釋基礎物件在 TypeScript 的型別推論和型別註記機制? null 和 undefined...

鐵人賽 Modern Web DAY 12

技術 Day 12. 機動藍圖・介面宣告 X 使用介面 - TypeScript Interface Intro.

《機動藍圖》篇章概要 本系列第二部分:《機動藍圖》(The Agile Blueprint)篇章涵括的範圍就是 TypeScript 的重頭戲。不外乎,筆者想...

鐵人賽 Software Development DAY 7

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

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

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

技術 【Day 07】TypeScript 資料型別 - 基礎物件型別(Basic Object)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 中有哪些資料型別是 JS 和 TS都支援的呢? Null 和 Undefined...

鐵人賽 Software Development DAY 20

技術 狀態模式(State Pattern) - 20

實踐好每一種狀態物件之後, 接下來在VendingMachine 類別物件中, 初始化現在的狀態 class VendingMachine { priva...

鐵人賽 Modern Web DAY 11

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

閱讀本篇文章前,仔細想想看 當函式遇到 100% 無法跳脫或會拋出例外的狀況,這時 TypeScript 會如何對該函式進行推論? never 型別為所...

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

技術 【Day 06】TypeScript 資料型別 - 原始型別 (Primitive Types)

前言 閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 中有哪些資料型別呢? 如果有點不清楚答案的話,可以看看 Day05 的文章...

鐵人賽 Software Development DAY 6

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

嗨 大家好 我是一路爬坡的阿肥 最近天氣開始有點涼爽,騎車去上班瀏海也不分岔了~ 上班族小確幸++ 今日文章適合搭配範例專案的packages/day06-...

鐵人賽 Modern Web DAY 10

技術 Day 10. 前線維護・特殊型別 X 永無止盡 - Never Type

閱讀本篇文章前,仔細想想看 如何跳脫死板定義的型別 type 格式? 對狹義物件的屬性下達 undefined 之原始型別跟使用選用屬性(Optional...

鐵人賽 Software Development DAY 19

技術 狀態模式(State Pattern) - 19

這個抽象類別(Class) 就是一個共同的狀態類別, 當作為共同的介面, 定義如下 abstract class State { abstract ins...

鐵人賽 Software Development DAY 5

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

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

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

技術 【Day 05】TypeScript 資料型別 - 總覽

前言 閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 有哪三種解析資料型別的機制呢? 三種機制的差別和使用情境為何? 如果有點不...

鐵人賽 Modern Web DAY 9

技術 Day 09. 前線維護・選用屬性 X 型別擴展 - Optional Properties

閱讀本篇文章前,仔細想想看 明文型別(Literal Type)是什麼? 如何使用型別化名(Type Alias)?使用化名的好處是什麼? 變數被指派廣義...

鐵人賽 Software Development DAY 18

技術 狀態模式(State Pattern) - 18

接下來建立 enum 列舉描述有哪些狀態 enum VendingState { Vending, SoldOut, InsertingCoi...

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

技術 【Day 04】 TypeScript 判斷資料型別的機制 - 型別推論 x 斷言 x 註解

前言 前兩天介紹了如何建立 TS 專案的運行環境,接下來的幾天要近一步深入探討 TS 的型別系統了。在討論之前,讓我們先來回顧一下昨天的學習,試著回答看看:...