iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 1 留言 1235 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 46 篇

技術 Day 46. 通用武裝・迭代器模式 X 泛用迭代器 - Iterator Pattern Using TypeScript

閱讀本篇文章前，仔細想想看泛用類別與泛用介面結合時的注意事項為何？如果還不清楚可以看一下前一篇文章喔～其實筆者在泛用方面的型別推論與機制並沒有討論很...

Maxwell Alexius ‧ 2019-10-31

0 Like 0 留言 695 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 45 篇

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

閱讀本篇文章前，仔細想想看泛用型別化名的如何進行宣告？泛用化名註記在變數時的注意事項為何？泛用函式的特點為何？如果還不清楚可以看一下前一篇文章喔...

Maxwell Alexius ‧ 2019-10-28

0 Like 0 留言 1071 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 44 篇

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

閱讀本篇文章前，仔細想想看泛用型別化名的如何進行宣告？泛用化名註記在變數時的注意事項為何？泛用函式的特點為何？如果還不清楚可以看一下前一篇文章喔...

Maxwell Alexius ‧ 2019-10-25

0 Like 0 留言 659 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 43 篇

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

閱讀本篇文章前，仔細想想看泛用型別的意義是什麼？泛用型別大致上有哪些種類或形式？如果還不清楚可以看一下前一篇文章喔～以下就直接正文開始～泛用...

Maxwell Alexius ‧ 2019-10-23

2 Like 0 留言 744 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 42 篇

技術 Day 42. 通用武裝・泛用型別 X 型別參數化 - TypeScript Generics Introduction

《通用武裝》篇章概要本系列即將邁入後半段（現在才邁入後半段會不會有點晚？）—— 泛用型別（Generics）的介紹。筆者翻閱很多資料發現，泛用型別儘管看似...

Maxwell Alexius ‧ 2019-10-22

2 Like 0 留言 994 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 41 篇

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

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

Maxwell Alexius ‧ 2019-10-21

0 Like 0 留言 533 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 40 篇

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

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

Maxwell Alexius ‧ 2019-10-20

0 Like 1 留言 684 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 39 篇

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

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

Maxwell Alexius ‧ 2019-10-19

0 Like 0 留言 489 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 38 篇

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

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

Maxwell Alexius ‧ 2019-10-18

0 Like 0 留言 431 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 37 篇

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

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

Maxwell Alexius ‧ 2019-10-17

0 Like 0 留言 224 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 36 篇

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

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

Maxwell Alexius ‧ 2019-10-16

2 Like 1 留言 337 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 35 篇

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

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

Maxwell Alexius ‧ 2019-10-15

0 Like 0 留言 413 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 34 篇

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

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

Maxwell Alexius ‧ 2019-10-14

1 Like 0 留言 261 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 33 篇

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

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

Maxwell Alexius ‧ 2019-10-13

0 Like 0 留言 341 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 32 篇

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

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

Maxwell Alexius ‧ 2019-10-12

0 Like 0 留言 337 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 31 篇

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

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

Maxwell Alexius ‧ 2019-10-11

3 Like 1 留言 888 瀏覽

鐵人賽 Modern Web DAY 30

讓 TypeScript 成為你全端開發的 ACE！系列第 30 篇

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

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

Maxwell Alexius ‧ 2019-10-10

0 Like 1 留言 310 瀏覽

鐵人賽 Modern Web DAY 29

讓 TypeScript 成為你全端開發的 ACE！系列第 29 篇

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

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

Maxwell Alexius ‧ 2019-10-09

0 Like 0 留言 237 瀏覽

鐵人賽 Modern Web DAY 28

讓 TypeScript 成為你全端開發的 ACE！系列第 28 篇

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

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

Maxwell Alexius ‧ 2019-10-08

0 Like 1 留言 225 瀏覽

鐵人賽 Modern Web DAY 27

讓 TypeScript 成為你全端開發的 ACE！系列第 27 篇

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

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

Maxwell Alexius ‧ 2019-10-07

0 Like 0 留言 292 瀏覽

鐵人賽 Modern Web DAY 26

讓 TypeScript 成為你全端開發的 ACE！系列第 26 篇

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

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

Maxwell Alexius ‧ 2019-10-06

1 Like 0 留言 230 瀏覽

鐵人賽 Modern Web DAY 25

讓 TypeScript 成為你全端開發的 ACE！系列第 25 篇

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

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

Maxwell Alexius ‧ 2019-10-05

0 Like 0 留言 195 瀏覽

鐵人賽 Modern Web DAY 30

React.js 從【0】到【1】推坑計畫系列第 30 篇

技術【Last Day】完賽心得

沒想到就這樣成功完成鐵人挑戰了，這次是第一次參加，所以原先的目標就是能夠成功完賽，３０天其實還滿難的，尤其在原本沒有庫存文章的情況下，每天都要花大概1小時以上的...

老莫 Kyle ‧ 2019-10-04

0 Like 1 留言 244 瀏覽

鐵人賽 Modern Web DAY 24

讓 TypeScript 成為你全端開發的 ACE！系列第 24 篇

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

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

Maxwell Alexius ‧ 2019-10-04

1 Like 0 留言 357 瀏覽

鐵人賽 Modern Web DAY 23

讓 TypeScript 成為你全端開發的 ACE！系列第 23 篇

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

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

Maxwell Alexius ‧ 2019-10-03

0 Like 0 留言 246 瀏覽

鐵人賽 Modern Web DAY 22

讓 TypeScript 成為你全端開發的 ACE！系列第 22 篇

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

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

Maxwell Alexius ‧ 2019-10-02

0 Like 0 留言 335 瀏覽

鐵人賽 Modern Web DAY 28

React.js 從【0】到【1】推坑計畫系列第 28 篇

技術【Day 28】React 的好搭檔 - Material UI && Recharts

鐵人賽進入尾聲了，基礎也都帶過了，最後就來介紹一些自己在寫 React 時常搭配的套件吧。 Material UI Material UI官網這個函式庫針對...

老莫 Kyle ‧ 2019-10-02

0 Like 0 留言 173 瀏覽

鐵人賽 Modern Web DAY 27

React.js 從【0】到【1】推坑計畫系列第 27 篇

技術【Day 27】Redux middleware - redux-thunk

還記得之前介紹過 redux 的基本用法嗎？因為覺得 React 基礎講的差不多了，今天決定回過頭來講講 redux middleware。 Redux-mi...

老莫 Kyle ‧ 2019-10-01

0 Like 0 留言 221 瀏覽

鐵人賽 Modern Web DAY 21

讓 TypeScript 成為你全端開發的 ACE！系列第 21 篇

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

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

Maxwell Alexius ‧ 2019-10-01

0 Like 1 留言 234 瀏覽

鐵人賽 Modern Web DAY 26

React.js 從【0】到【1】推坑計畫系列第 26 篇

技術【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

從介紹第一個 hooks 開始，我們都是在使用 React 提供的 hooks ，有沒有想過我們也可以實作自己的 hooks 呢？先來看看我找到的一段對 cu...

老莫 Kyle ‧ 2019-09-30

技術 Day 46. 通用武裝・迭代器模式 X 泛用迭代器 - Iterator Pattern Using TypeScript

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

技術 Day 44. 通用武裝・介面與類別 X 泛型註記機制 - TypeScript Generic Class & Interface

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

技術 Day 42. 通用武裝・泛用型別 X 型別參數化 - TypeScript Generics Introduction

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 【Last Day】完賽心得

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

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

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

技術 【Day 28】React 的好搭檔 - Material UI && Recharts

技術 【Day 27】Redux middleware - redux-thunk

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

技術 【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

At

技術【Last Day】完賽心得

技術【Day 28】React 的好搭檔 - Material UI && Recharts

技術【Day 27】Redux middleware - redux-thunk

技術【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks