iT邦幫忙

typescript相關文章
共有 672 則文章
鐵人賽 Software Development DAY 3

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

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

技術 【Day 09】TypeScript 資料型別 - 函式型別(Function Types)-(下)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 函式在 TypeScript 的型別推論和型別註記機制為何? 若參數推論為 any 型別,TS 會如何進...

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

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

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

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

技術 D05 - 飄吧!多邊形!

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

鐵人賽 Modern Web

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

閱讀本篇文章前,仔細想想看 ES6 Map 與 Set 在 TypeScript 裡使用時需要注意的事項。 ES6 Promise 的基本運作機制為何?...

鐵人賽 Software Development DAY 1

技術 楔子 - 01

謎之聲 只要是超人迷一定知道這句話 "為什麼世界需要超人?" 出現在一部電影"超人歸來"中. 我們先準備好開發環境:...

鐵人賽 Modern Web

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

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

鐵人賽 Software Development DAY 4

技術 [今晚我想來點 Express 佐 MVC 分層架構] DAY 04 - 建置專案

建立專案 建議使用 git 進行版本控制 在安裝 node.js 的時候會一起安裝套件管理器 npm ,我們要透過 npm 來管理專案所使用的套件,所以要進...

鐵人賽 Software Development DAY 12

技術 [Day12] 前端開發好朋友 ─ Storybook

嗨 大家好 我是一路爬坡的阿肥 今天是Happy Friday! 也是適合寫鐵人賽文章的好日子喔(疑?) Storybook 簡介 今天阿肥要先插個花,介紹一...

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Software Development DAY 6

技術 多載方法 - 06

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

技術 白鷺引擎Egret Engine-專案裡包了什麼

繼上一篇 無痛起手白鷺引擎Egret Engine這篇來介紹創建後專案的架構 因為也是一邊接觸一邊把碰到的東西分享上來如果資訊有誤或是有更好的資訊非常非常歡...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 18

技術 Day 18. 機動藍圖・類別宣告 X 藍圖設計 - TypeScript Class

閱讀本篇文章前,仔細想想看 複合型別 union 與 intersection 的功能與意義代表為何? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 今...

鐵人賽 Modern Web DAY 15

技術 Day 15. 機動藍圖・功能多樣性 X 多樣性介面 - More on TypeScript Interface

閱讀本篇文章前,仔細想想看 到目前為止對於 TypeScript Interface 介面的理解到什麼程度呢? 你認為 TypeScript 和第三方套件...

鐵人賽 Modern Web DAY 28

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

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

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

技術 【Day 14】TypeScript 資料型別 - 複合型別(Union & Intersection) & 型別檢測(Type Guard)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 字面值型別支援哪幾種型別? 型別別名(Type Alias)的運作機制為何? 如果有點不清楚答案的話,...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14:怎麼在 Angular 使用 Bootstrap?

由於在未來的專案有機會使用到 Bootstrap,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...

鐵人賽 Modern Web DAY 28

技術 [技術支援-6] NPM設定

安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 28

技術 「全端挑戰」TypeScript,Tailwind css Config與後台介面與資料串接管理

鐵人賽 Day28自己做一個價值幾十萬的動態網站 第二十八課:最後篇章也是最後TypeScript與後台介面與資料串接管理part1 前言:這邊因為是新篇章也...

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

技術 D10 - 讓前後端接上線:使用 Socket.IO 進行連線

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

鐵人賽 Modern Web

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

閱讀本篇文章前,仔細想想看 Generators 使用上有哪些特點? 積極求值(Eager Evaluation)與惰性求值(Lazy Evaluatio...

鐵人賽 Modern Web DAY 5

技術 Day05:【TypeScript 學起來】TS 指定型別的三種方法

Q: 為什麼一個男業務(30歲)會約我一個工程師(24歲)去園區的星巴克?A: 根據哥多年的經驗,他應該是有個超屌的idea只差工程師去實現了 原來工程師除了...

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

技術 【Day 18】TypeScript 資料型別 - 介面(Interface)宣告與屬性

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 通用型別的使用情境為何? 如果有點不清楚答案的話,可以看看 Day17 的文章喔! 介面概念 TS...

鐵人賽 Modern Web

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

閱讀本篇文章前,仔細想想看 迭代器(Iterator)與聚合物(Collection)的差別在哪? 迭代器模式要如何實踐?實踐的目的為何? 什麼是多型巡訪...

鐵人賽 Modern Web

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

閱讀本篇文章前,仔細想想看 同步與非同步程序的差異性在哪?你能夠列舉哪些是 JS 裡有非同步的機制的東西嗎? 為何我們需要非同步的程序?同步執行不是很直觀...

鐵人賽 Modern Web DAY 24

技術 [技術支援-2] 讓IDE支援Angular Language Service

語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇,以加速開發的速度,如下圖: 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定 跳...