iT邦幫忙

typescript相關文章
共有 202 則文章
鐵人賽 Software Development DAY 29

技術 [Day29] 操作大量資料的好幫手 ─ 迭代器(Iterator) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 昨天晚上搭立榮的飛機回來 真心覺得座位大 還有飲料可以喝 而且只要40幾分就到了 已經回不去坐船省錢的堅持啦 顧客的資訊 先建...

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

技術 【Day 28】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)

之前在探討模組解析時,不知道大家有沒有注意到 import { b } from “./moduleB”在查找模組的過程中,除了同層資料夾尋找 moduleB....

鐵人賽 Modern Web

技術 Day 33. 戰線擴張・專案除錯 X 源碼對照 - TypeScript Compiler Debug Techniques

閱讀本篇文章前,仔細想想看 如何確保出現錯誤時,防止 TypeScript 編譯器產出專案結果? 描述 rootDir、outDir 與 outFile...

鐵人賽 Software Development DAY 28

技術 [Day28] 操作大量資料的好幫手 ─ 迭代器(Iterator) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天要介紹最後一個模式了 真的是...太開心啦! 今天是澎湖遊最後一天,還是一樣跟大家分享個照片~ 最想念的應該是漂亮的海水跟夕...

鐵人賽 Modern Web

技術 Day 32. 戰線擴張・專案輸出 X 輸出設定 - TypeScript Compiler Output Configurations

閱讀本篇文章前,仔細想想看 為何有些 ES6 的 Feature 諸如 Promise、Object.assign 等東西無法直接在 TypeScript...

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

技術 【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)

前兩天初步的探討了模組的基本皮毛(每一個模組規範都是個深耕(誤),仍待細細研究)。今天接著要來探討在探討模組時,一直感到很疑惑的命名空間(namespace)。...

鐵人賽 Software Development DAY 27

技術 [Day27] 為厲害的怪獻上會心一擊 ─ 策略(Strategy) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 今天是澎湖遊 Day3,先來分享個照片吧~ 南海跳島之旅+海洋牧場get開牡蠣技能 晚上參加大人們的喝喝大會 充實的一天~...

鐵人賽 Modern Web

技術 Day 31. 戰線擴張・專案監控 X 編譯設定 - TypeScript Compiler Compile Configurations

恩... 照常 Day 31. 繼續。 《戰線擴張》篇章概要 本系列進入到第三部分:《戰線擴張》篇(The Front Line Expansion) 筆者就...

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

技術 【Day 26】在 React 專案中使用 TypeScript - 模組(Module)觀念(下)

昨天提到了模組觀念以及撰寫語法,今天要來探討 TS 模組編譯成 JS 的機制了! 模組編譯設定 我們無法直接使用 .ts 檔案中的模組,一定需要編譯成 JS 檔...

鐵人賽 Modern Web DAY 30

技術 Day30 | Component 後, TypeScript 的定位在哪?

前言 這三十天內,我們學習了 React 及 TypeScript 的基本用法,最後一天想和大家聊聊,筆者是怎麼在專案中使用 TypeScript 的,或許有些...

鐵人賽 Modern Web DAY 30

技術 Day29 | 最強聯名款 TSX 上市-ESLint 篇

前言 ESLint 一直是我們打程式的重要指標,它不但能夠替我們檢查語法風格中的問題,也避免某些問題可能會造成的程式錯誤,所以如果 ESLint 無法在 Typ...

鐵人賽 Software Development DAY 26

技術 [Day26] 為厲害的怪獻上會心一擊 ─ 策略(Strategy) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天是澎湖遊 Day2,先來分享個照片吧~ 從民宿就能看到海景 情境描述 佐藤和肥是在異世界奮鬥多年的冒險者。雖然他的同伴們...

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

技術 【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

昨天學習了如何建立 React 加 TypeScript 的開發環境,但是在嘗試開發的過程中,發現還有一些很重要的觀念需要了解,模組就是其中之一。在 React...

鐵人賽 Modern Web DAY 30

技術 Day 30. 機動藍圖・流言終結者 X 重新認識物件的複合 - Favour Object Composition Over Class Inheritance

閱讀本篇文章前,仔細想想看 已經熟悉類別的運作流程並懂得 OOP 的基礎概念。 熟悉了策略模式(Strategy Pattern)嗎? 如果還不清楚的話...

鐵人賽 Software Development DAY 25

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

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

鐵人賽 Modern Web DAY 29

技術 Day28 | 最強聯名款 TSX 上市-SCSS 篇

前言 本篇進入到導入 SCSS,但因為 TypeScript 的特性,導致 SCSS 還要再經過一層封裝,才有辦法被讀到 .tsx 中,詳細做法會在文中說明!...

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

技術 【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

今天開始來探討如何使用 TS 結合 React 進行開發,要開發一個專案,最重要的就是建置開發環境。這裡我們會介紹兩種React + TypeScript 建置...

鐵人賽 Modern Web DAY 29

技術 Day 29. 機動藍圖・工廠模式 X 抽象工廠 - Factory Method & Abstract Factory Pattern Using TypeScript

閱讀本篇文章前,仔細想想看 大致上已經了解抽象類別的運用性質與情境了嗎? 另外本篇會延續前一篇的範例,除了可以參考前一篇外,筆者本篇會再進行簡單的敘述!...

鐵人賽 Software Development DAY 24

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

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

鐵人賽 Modern Web DAY 28

技術 Day27 | 最強聯名款 TSX 上市-Babel、Webpack、Jest 篇

前言 進到入最後一個章節,本篇章開始會持續說明如何將 TypeScript 導入 React 專案裡,最後會再和大家介紹筆者怎麼在專案裡運用 TypeScrip...

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

技術 【Day 23】TypeScript - 類別存取器(Accessors)

在 TS 中類別有些屬性,我們希望只在類別內部操作,這時候會使用 private 修飾符,如此,該屬性就無法在外部存取,提高資料的安全性。但如果這時候,我們想要...

鐵人賽 Modern Web DAY 28

技術 Day 28. 機動藍圖・抽象類別 X 藍圖基底 - TypeScript Abstract Class

閱讀本篇文章前,仔細想想看 筆者列出到目前為止我們學到跟類別有關的名詞,可以回憶一下它們各自的定義以及實用的地方在哪裡~ 類別與物件的差別 Class v...

鐵人賽 Software Development DAY 23

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

嗨 大家好 我是一路爬坡的阿肥 這禮拜四開始就連假啦! 希望有小天使可以幫我生完所有進度 定義 Command 的 介面與抽象類別 我們先以 interfac...

鐵人賽 Modern Web DAY 27

技術 Day26 | 精選設計模式實戰,打通 interface 及 class 的運用觀念

前言 本篇會用前兩篇提到的 Class 與 Interface 玩轉設計模式中的「策略模式」,希望能透過實際的運用讓大家更了解兩者的運用觀念,只要能夠好好運用,...

鐵人賽 Modern Web DAY 21

技術 [DAT-21] Typescript 介紹-列舉(Enum)

這一篇要來介紹Typescript的實用功能 - 列舉(Enum) 什麼是列舉(Enum) 列舉可以轉換一組備有限範圍的資料,比如說日期、郵遞區號、星期等等。...

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

技術 【Day 22】TypeScript 類別繼承(Class Inheritance) v.s. 實踐(Implements)

在前兩天的文章中都有提到類別繼承(Class Interitance)的概念,使用的是extends關鍵字,今天會再深入探討並加上討論類別實踐(Class Im...

鐵人賽 Modern Web DAY 27

技術 Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

閱讀本篇文章前,仔細想想看 大致上理解策略模式以及應用類別與介面進行實踐。 另外本篇會延續上一篇的範例,因此沒有看過可以先翻看前一篇的文章喔! 廢話不多說...

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 26

技術 Day25 | 善用 interface 抽象概念,為 Class 找到出路

前言 如果沒有碰過其他物件導向語言的話,Interface 應該會顯得很陌生,筆者剛學的時候也不例外,但其實它使用起來真的是很強大,本篇會介紹 Interfac...

鐵人賽 Software Development DAY 22

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

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