iT邦幫忙

typescript相關文章
共有 184 則文章
鐵人賽 Modern Web

技術 Day 41. 戰線擴張・模擬戰 — UBike 地圖 X 外觀模式 - Façade Pattern in TypeScript

閱讀本篇文章前,仔細想想看 還記得單例模式 Singleton Pattern嗎?今天會用到喔! 本篇文承接上一篇文,因此如果是跳到這篇的話可以先從上一篇或...

鐵人賽 Modern Web

技術 Day 40. 戰線擴張・模擬戰 — UBike 地圖 X 使用 LeafletJS - Using LeafletJS with TypeScript

閱讀本篇文章前,仔細想想看 你會如何善用型別推論與註記的機制呢? 什麼情形可能會出現 any 型別推論出來的行為?如果出現了,要如何處理這類型的案例?...

鐵人賽 Modern Web

技術 Day 39. 戰線擴張・模擬戰 — UBike 地圖 X 資料處理 - Data Processing using Type Alias

閱讀本篇文章前,仔細想想看 是否會使用 Webpack 建立 TypeScript 專案的環境呢? 另外,本篇文承接上一篇文,因此如果是跳到這篇的話可以先從...

鐵人賽 Modern Web

技術 Day 38. 戰線擴張・模擬戰 — UBike 地圖 X Webpack 環境建構 - TypeScript Webpack Integration

閱讀本篇文章前,仔細想想看 什麼是宣告檔 Declaration Files?為何宣告檔很重要? 如何載入第三方套件在 TypeScript 專案裡? 如...

鐵人賽 Modern Web

技術 Day 37. 戰線擴張・第三方套件 X 支援的引入 - 3rd-Party Package & TypeScript Declaration File

閱讀本篇文章前,仔細想想看 今天不用想,馬上看下去! 今天筆者要講本篇章系列比較重要的部分 —— TypeScript 的型別宣告檔 Declaratio...

鐵人賽 Modern Web

技術 Day 36. 戰線擴張・戰線分散 X 組織集中 - TypeScript Namespaces Import/Export Mechanism

閱讀本篇文章前,仔細想想看 命名空間的用意是什麼? 如何運用 TypeScript Namespaces 組織不同區塊的程式碼? 命名空間融合(Names...

技術 Typescript 與 Javascript Proxy 和 Reflect 搭配

Typescript 與 Javascript Proxy 和 Reflect 搭配 2019-10-15 Javascript 的 Proxy 物件 &amp...

鐵人賽 Modern Web

技術 Day 35. 戰線擴張・命名空間 X 組織分明 - TypeScript Namespaces Introduction

閱讀本篇文章前,仔細想想看 讀者認為目前對 TypeScript 編譯器的設定的了解程度如何呢? 如果還沒理解完畢的話,可以先翻看最近這幾天的文章喔!...

鐵人賽 Software Development DAY 30

技術 [Day30] 總而言之 融會貫通最重要

嗨 大家好 我是一路爬坡的阿肥 雖然是第一次參加 有很多不足的地方 但是謝謝有訂閱這個系列文章的你們 讓阿肥有繼續寫下去的動力 之後還有機會的話 就繼續再來看我...

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

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

昨天我們探討了宣告檔案的使用情境,知道如何載入第三方宣告檔案,以及如何判斷函式庫使用方式,今天要來探討如何撰寫宣告檔案.d.ts以及如何發布宣告檔案。 在使用情...

鐵人賽 Modern Web

技術 Day 34. 戰線擴張・專案語法 X 嚴格把關 - TypeScript Compiler Syntatic Checks Configurations

閱讀本篇文章前,仔細想想看 前端的 Debug 技巧有哪些? 編譯過後的檔案通常會有對應的 Source Map 檔,其中 Source Map 到底是在...

鐵人賽 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) <模式篇>

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