iT邦幫忙

typescript相關文章
共有 1029 則文章
鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 9

技術 Day 09. 前線維護・選用屬性 X 型別擴展 - Optional Properties

閱讀本篇文章前,仔細想想看 明文型別(Literal Type)是什麼? 如何使用型別化名(Type Alias)?使用化名的好處是什麼? 變數被指派廣義...

鐵人賽 Modern Web DAY 29

技術 「全端挑戰」後台介面與資料串接管理,Api爬梳nosql類資料

鐵人賽 Day29自己做一個價值幾十萬的動態網站 第二十九課:後台介面與資料串接管理,Api爬梳nosql類資料 part2 前一天我們完成了簡單的資料串接,而...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 7

技術 Day7 - Vue-Lazyloading & Service worker Hook

上一篇學習了如何建立typescript & webpack & service worker的專案。 今天繼續實作如果將service wor...

鐵人賽 Software Development DAY 1

技術 楔子 - 01

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

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

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 11

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

閱讀本篇文章前,仔細想想看 當函式遇到 100% 無法跳脫或會拋出例外的狀況,這時 TypeScript 會如何對該函式進行推論? never 型別為所...

鐵人賽 Software Development DAY 4

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

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

技術 D08 - 載入就應該要有載入的樣子

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

鐵人賽 Software Development DAY 5

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

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

鐵人賽 Software Development DAY 6

技術 多載方法 - 06

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

鐵人賽 Modern Web DAY 4

技術 [新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 20

技術 Trick 19: 事件驅動的程式設計

在早期還是新手程式設計師的我,一直搞不懂事件驅動的程式風格到底有什麼好處,也因此走了一些冤枉路,更糟的是我繞了遠路還不自知。因此希望能藉今天這篇文章,讓同學們能...

鐵人賽 SideProject30 DAY 16

技術 營養師不開菜單的第十六天 - TypeScript 不夠?使用 Zod 做型別驗證

在上篇文章中,我已稍微提及了本次專案所使用的驗證工具——Zod。Zod 是專為 TypeScript 設計的資料驗證工具,就像人體的免疫系統,確保資料結構在...

鐵人賽 Software Development DAY 3

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

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

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Modern Web DAY 28

技術 Trick 27: 承先啟後的路徑搜尋-A*演算法

前兩天分別介紹了兩種路徑搜尋演算法,《戴克斯特拉》與《貪婪演算法》。他們尋路的過程大同小異,但演算的結果卻大相徑庭。 復習 這兩種演算法都會將觸及的所有格子,分...

鐵人賽 Modern Web DAY 21

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

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

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

技術 D05 - 飄吧!多邊形!

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 23

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

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

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

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

鐵人賽 Modern Web DAY 15

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

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

技術 axios加入headers還是發生CORS狀況

各位好~小妹我是一名剛入門工程師幾個月的初學者,也是第一次發文,爬了很多文但實在是無法解決,只好請教各位大神了QQ 我想要使用axios撈出我自己寫的API但會...