iT邦幫忙

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

技術 Day 08. 前線維護・明文型別 X 格式為王 - Literal Types

閱讀本篇文章前,仔細想想看 在什麼樣的情況下,你會怎麼決定要選擇使用 TypeScript 的陣列、元組(Tuple)或列舉(Enumerated)呢? 如...

鐵人賽 Software Development DAY 17

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

販賣機 相信大家在外面都有用過飲料販賣機, 假設有一台小王牌飲料販賣機, 販賣機上只有一個販賣按鈕, 一個顯示液晶螢幕, 一個投幣孔, 一個退幣洞和一個出貨洞....

鐵人賽 Software Development DAY 3

技術 [Day3] 虛實之間 就用 React 築起所見即所得的世界吧!

嗨 大家好 我是一路爬坡的阿肥 每次搭高鐵往返老家跟北部的時候,就會想著: 「每次搭車可以省 3 個小時,每年搭個 20 次,這樣一年就幫我省了 60 個小時,...

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

技術 【Day 03】 TypeScript 編譯設定 - tsconfig.json

前言 閱讀這篇文章前,先回顧一下昨天的學習,回答看看: 如何建立測試 TypeScript 的開發環境(線上/本機)? 如果型別錯誤,TypeScript...

鐵人賽 Modern Web DAY 7

技術 Day 07. 前線維護・列舉型別 X 主觀列舉 - Enumerated Types

閱讀本篇文章前,仔細想想看 陣列跟元組(Tuple)的差別在哪裡?什麼時候用陣列 / 元組比較適合呢? 什麼時候可能不用對函式的參數進行積極註記?試舉個範...

鐵人賽 Software Development DAY 16

技術 責任鏈模式 - 16

建立一本書處理物件 export class OneBookChainForSale extends ChainForSale { getDiscount(...

鐵人賽 Software Development DAY 2

技術 [Day2] 太陽與月亮 Typescript與Javascript

嗨 大家好 我是一路爬坡的阿肥 今天吃月餅消化的熱量,應該可以讓大腦擠出10天份的文章 不過實際上應該會變成肚子的一部份吧(哭) 先談Javascript J...

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

技術 【Day 02】搭建開發測試環境 - Hello TypeScript

前言 閱讀這篇文章前,讓我們來想想看: 如何用一句話說明什麼是 TypeScript? 為什麼要用 TypeScript進行開發? 如果有點不清楚答案的話...

鐵人賽 Modern Web DAY 6

技術 Day 06. 前線維護・陣列與函式 X 陣列與元組 - Array & Functions & Tuples

閱讀本篇文章前,仔細想想看 陣列的推論大致上是如何運作呢? 什麼時候要積極去對陣列進行型別註記呢? 如果還沒理解完畢的話,可以先翻看前一篇文章喔!...

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

技術 【Day 01】TypeScript 起手式 - What’s TypeScript ?

前言 從 Hello World 開始寫程式近一年了,每天充滿各種學習和挑戰,樂此不疲,覺得幸運能夠在樂於分享、充滿新知的領域,透過不斷地學習和經驗積累,慢慢朝...

鐵人賽 Software Development DAY 15

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

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

鐵人賽 Software Development DAY 1

技術 [Day1] 說個笑話:我要一天學會設計模式

嗨 大家好 我是一路爬坡的阿肥 今天開始跟著阿肥不間斷爬坡吧! 我與設計模式的初遇 四年前有個剛畢業的菜逼八,帶著「WEB前端就是網頁設計」的認知,傻傻地進到...

鐵人賽 Modern Web DAY 5

技術 Day 05. 前線維護・陣列型別 X 型別陣列 - Array Types

閱讀本篇文章前,仔細想想看 定義一個函式,最需要注意的點有哪些?什麼情形必須積極作型別註記呢? 函式的輸出部分通常(但不是全部)可以不用作型別註記的原因為...

鐵人賽 Software Development DAY 14

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

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

鐵人賽 Modern Web DAY 4

技術 Day 04. 前線維護・函式型別 X 積極註記 - Function Types

閱讀本篇文章前,仔細想想看 大概可以解釋普通 JS 物件(也就是 JSON 格式,或筆者所謂的狹義物件)在 TypeScript 裡的推論機制。 知道筆者...

鐵人賽 Software Development DAY 13

技術 參數化測試 - 13

先前我們寫的測試案例程式碼, 有很多test 裡面的程式碼都一樣 test('buy 1 book', () => { let bookstore...

鐵人賽 Modern Web DAY 3

技術 Day 03. 前線維護・物件型別 X 完整性理論 - Object Types Basics

閱讀本篇文章前,仔細想想看 你能不能分辨 TypeScript 型別推論和註記的差別在哪裡呢? 試舉出推論的行為到底是什麼?如何運作的? Nullable...

鐵人賽 Software Development DAY 12

技術 建立測試案例 - 12

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

鐵人賽 Modern Web DAY 2

技術 Day 02. 前線維護・型別推論 X 註記 - Type Inference & Annotation

《前線維護》篇章概要 第一次看到 TypeScript 的人,最先看到就是型別註記(以下會把程式碼有註記的部分用 ~ 顯示出來)—— 英文稱為 Type An...

鐵人賽 Software Development DAY 11

技術 簡單的Git 操作 - 11

建立測試 還沒開始進行撰寫測試程式之前, 我們得先安裝測試框架, 前端的測試框架很多, 有Jest, 還有Mocha, Jasmine, Tape, 在這裡我選...

鐵人賽 Modern Web DAY 1

達標好文 技術 Day 00 | React With TypeScript - 旅途漫長,所以我們需要地圖

Hi!大家好,我是神 Q 超人,很開心又過了一年了(咦? 自從去年鐵人賽毅然決然退隱修煉後,一直在等著的就是這個機會 XD ,希望能夠記取去年到後半段不知道在寫...

鐵人賽 Modern Web DAY 1

達標好文 技術 Day 01. 遠征 TypeScript・行前準備

通常聽到一門新的技術,第一句話會問的就是... 為何我要使用這門技術呢? 貼心小提醒:如果單純想了解 TS 是什麼,以及優勢與缺點,可以跳過前文喔!...

鐵人賽 Software Development DAY 9

技術 觀察者模式 - 09

多行字串 Typescript 支援多行字串 let text = `start line end line `; 字串模板 Typescript 支援字串模...

鐵人賽 Software Development DAY 8

技術 列舉.介面.回呼函數 - 08

列舉 Enum Enum 的用法我想接觸過C# 的人都十分了解, 它能夠把變數的範圍限制在某些範圍並賦予其定義, 可讓程式碼更好維護之外更增加程式可讀性, 但是...

鐵人賽 Software Development DAY 7

技術 泛型 - 07

泛型(Generic) 泛型可以讓你避免重複的程式碼, 用一種清晰和抽像的方式來表達程式碼的意圖. 例如: 有一個交換方法, 它只能交換兩個動物(Animal)...

鐵人賽 Software Development DAY 6

技術 多載方法 - 06

在Typescript 世界裡也跟Javascript 一樣沒有支援多載, 但是有一點比較強的地方就是 我們可以先宣告兩個沒有內容的方法宣告 function...

鐵人賽 Software Development DAY 5

技術 物件導向的封裝繼承 - 05

封裝(Encapsulation) 封裝就是將物件(Class) 內部的資料隱藏起來, 只能透過物件(Class) 本身自己存取內部的欄位(field), 屬性...

鐵人賽 Software Development DAY 4

技術 物件導向的繼承 - 04

物件導向有三大基本特徵: 繼承, 封裝, 多型. 繼承(inherit) 繼承就是子類別繼承了父類別. 例如: 學生(子類別)繼承了Person人(父類別)...

鐵人賽 Software Development DAY 3

技術 定義物件 - 03

定義一個物件(Class) 我們在實務上開發應用程式的時候, 免不了需要使用物件導向設計(Object-oriented programming)去開發應用系統...

鐵人賽 Software Development DAY 2

技術 奇異的變數宣告 - 02

再論變數宣告 Javascript 宣告變數方式是 var name = "flash"; 但是如果你不小心這樣寫 var name =...