iT邦幫忙

typescript相關文章
共有 673 則文章
鐵人賽 Modern Web DAY 2

技術 Day02: Hello TypeScript! 環境安裝起來 + 牛刀小試~

Q: 同事說自己的 C++ 能力是世界第一,怎麼樣可以讓他意識到自己沒那麼厲害?A: 實不相瞞,我也不是省油的燈:我的C++實力世界第0 XDD 好 今天的重...

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

技術 【Day 13】TypeScript 資料型別 - 字面值型別(Literal Types) & 型別別名(Type Alias)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 什麼是元組(Tuple)?與陣列的差別? 什麼是列舉(Enum)? 使用情境為何?如果有點不清楚答案的話...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05:AngularJS?Angular?傻傻分不清楚?

Angular 是由 Google 主導,開源的 JavaScript 應用程式框架,目前穩定版本已經來到 Angular 11 了。 在學習程式的路上,不止一...

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 19

技術 Day 19. 機動藍圖・存取修飾 X 藍圖規劃 - TypeScript Class Access Modifiers

閱讀本篇文章前,仔細想想看 TypeScript 類別(Class)的意義是什麼? TypeScript 類別跟介面(Interface)的最大差別在哪裡...

技術 白鷺引擎Egret Engine-實現多場景(場景串聯篇)

繼上一篇 白鷺引擎Egret Engine-實現多場景(EUI布局篇)這篇開始會講解怎麼串聯多場景 如果資訊有誤或是有更好的資訊非常非常歡迎各位指點與交流E...

鐵人賽 Modern Web DAY 12

技術 Vue3 + TypeScript 好搭檔 - D12

Vue3 + TS Vue3全面可以無縫搭配TS寫法,不用再安裝其他有的沒有的套件!(超棒!) 在Vue裡面使用TS就是在這邊宣告: <sciprt la...

鐵人賽 Modern Web DAY 20

技術 Day20 :【TypeScript 學起來】是 JavaScript 沒有的 Function Overloads(函式超載)

終於20天了,那個心情就是有點開心快結束了,但對後面10篇感到擔憂,既期待又怕無法完賽 XDD 好啦,講完廢話,今天要來講 Function Overload...

鐵人賽 Modern Web DAY 21

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

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

技術 白鷺引擎Egret Engine-單例的重要性

繼上一篇 白鷺引擎Egret Engine-實現多場景(場景串聯篇)這篇開始會講解在開發的過程中使用單例的重要性 如果資訊有誤或是有更好的資訊非常非常歡迎各...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

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

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

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

鐵人賽 Modern Web DAY 20

技術 Day 20. 機動藍圖・類別繼承 X 延用設計 - TypeScript Class Inheritance

閱讀本篇文章前,仔細想想看 描述類別存取修飾子(Access Modifiers)的功能與意義。 為何類別要實踐某介面時,介面裡的所有規格在類別裡會直接綁...

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

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 11
派對動物嗨起來! 系列 第 11

技術 D11 - 開房間!開派對!♪( ◜ω◝و(و

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

技術 白鷺引擎Egret Engine-實現多場景(EUI布局篇)

繼上一篇 白鷺引擎Egret Engine-實現多場景(重構篇)這篇開始會講解如何使用EUI元件做場景的布局 如果資訊有誤或是有更好的資訊非常非常歡迎各位指...

鐵人賽 Software Development DAY 5

技術 [今晚我想來點 Express 佐 MVC 分層架構] DAY 05 - Express 基本結構與路由

Express 基本結構 import express from 'express'; const app = express(); 上方的範例程式碼定義 a...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 26

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

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

技術 白鷺引擎Egret Engine-實現多場景(重構篇)

繼上一篇 白鷺引擎Egret Engine-如何創建場景這篇開始會進入多場景的教程首先會從重構開始 因為也是一邊接觸一邊把碰到的東西分享上來如果資訊有誤或是...

鐵人賽 Modern Web DAY 24

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

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

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

技術 【Day 21】TypeScript 類別 -存取修飾符(Access Modifiers)、抽象( Abstract)

昨天簡單的介紹了類別的基本用法和繼承概念,今天來繼續探討類別中蠻重要的功能-存取修飾符(Access Modifiers)以及abstract關鍵字。 存取修飾...

鐵人賽 Modern Web DAY 24

技術 Day23 | 你説 JS 是什麼弱型別? TypeScript 強勢登場

前言 會碰到 TypeScript 是因為之前無意間取得 深入淺出設計模式 ,覺得那些為了解決問題而整理出來的設計模式太有趣了,包含那些 Class、Inter...

鐵人賽 Modern Web DAY 23

技術 [Day23]:Vite 環境最麻煩了 part 2

Vite 環境最麻煩了 開始用Vite之後,是個會自立自強的大人了呢!!────────────────────── By Opshell 目標: 開...

鐵人賽 Modern Web DAY 16

技術 Day16:【TypeScript 學起來】新增任意屬性的好方法:Index Signatures 索引簽名

在之前 interface 那篇文章, 認識到可以使用 Index Signatures, 發現他使用上有一些需要注意的地方,決定把他獨立一篇來寫。(然後心裡...

鐵人賽 Modern Web DAY 25

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

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