iT邦幫忙

typescript相關文章
共有 673 則文章

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

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

鐵人賽 Modern Web DAY 11

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day10 - 與 TypeScript Compiler API 的初次接觸

關於 TypeScript Compiler API 相信大家都知道什麼是 TypeScript ,而 TypeScript Compiler API 就是 T...

鐵人賽 Modern Web DAY 30

技術 Day30 | Component 後, TypeScript 的定位在哪?

前言 這三十天內,我們學習了 React 及 TypeScript 的基本用法,最後一天想和大家聊聊,筆者是怎麼在專案中使用 TypeScript 的,或許有些...

鐵人賽 Software Development DAY 7

技術 [今晚我想來點 Express 佐 MVC 分層架構] DAY 07 - Express 錯誤處理

說到 Express 的錯誤處理機制,就要先來談談 node.js 的 錯誤優先處理(Error-First),這是一種風格,大致上是長這樣的: const m...

鐵人賽 Modern Web DAY 4

技術 ESLint、Prettier、TypeScript 等 Next.js 專案基礎設定 - Modern Next.js Blog 系列 #04

這一篇我們來進一步做些 Next.js 專案基本設定,讓後續開發體驗更流暢、專案結構更易讀。 我們會做這些設定: 新增 .nvmrc 鎖定專案 Node.js...

鐵人賽 Software Development DAY 3

技術 [今晚我想來點 Express 佐 MVC 分層架構] DAY 03 - 為什麼是 TypeScript?

上一篇的小結有提到我會採用 TypeScript 作為開發語言,但是什麼原因要捨棄 JavaScript 呢?我們就來了解一下要如何用 TypeScript 解...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

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

技術 【Day 05】TypeScript 資料型別 - 總覽

前言 閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 有哪三種解析資料型別的機制呢? 三種機制的差別和使用情境為何? 如果有點不...

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

技術 【Day 07】TypeScript 資料型別 - 基礎物件型別(Basic Object)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 中有哪些資料型別是 JS 和 TS都支援的呢? Null 和 Undefined...

鐵人賽 Modern Web

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

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

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

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

昨天學習了如何建立 React 加 TypeScript 的開發環境,但是在嘗試開發的過程中,發現還有一些很重要的觀念需要了解,模組就是其中之一。在 React...

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Software Development DAY 8

技術 列舉.介面.回呼函數 - 08

列舉 Enum Enum 的用法我想接觸過C# 的人都十分了解, 它能夠把變數的範圍限制在某些範圍並賦予其定義, 可讓程式碼更好維護之外更增加程式可讀性, 但是...

鐵人賽 Software Development DAY 7

技術 泛型 - 07

泛型(Generic) 泛型可以讓你避免重複的程式碼, 用一種清晰和抽像的方式來表達程式碼的意圖. 例如: 有一個交換方法, 它只能交換兩個動物(Animal)...

鐵人賽 Modern Web DAY 28

技術 Typescript (tsconfig.json)

本系列文章經過重新編排和擴充,已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫,多少有些許錯誤。為了避免造成讀者的困擾,以及配合書籍的內容規...

鐵人賽 Modern Web

技術 Extra06 - TypeScript - 型別檢查工具

此篇為番外,未收入在本篇的原因是 TypeScript 會直接影響開發,使撰寫的程式語法與原本不同,因此需看專案或使用者的需求決定是否使用,因此放入番外作為補...

鐵人賽 Modern Web DAY 20

技術 [DAY-20] Typescript 介紹-型別(Type)與介面(Interface)

Angular的介紹到此告一段落了。Angular與Typescript有非常深度的整合。因此Typescript也是必須要認識的相關基礎。現在要來介紹- Ty...

鐵人賽 Modern Web DAY 2

技術 Trick 1: 萬惡的摸彩箱

萬惡的抽卡遊戲 玩過手機上的抽卡遊戲嗎? 就是店家的桌上放著一疊蓋起來的角色卡片,每花十元可以抽一張卡,但是抽到的總是那幾張老卡,最可愛的那個角色開了幾十百來張...

鐵人賽 Modern Web

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

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

鐵人賽 自我挑戰組 DAY 6

技術 Day 06:Angular 的主要特色與優點簡介

上一篇看完了 AngularJS 與 Angular 的差異後,我們今天要集中火力來看看 Angular 的主要特色。 可以跨平台開發: Progressi...

鐵人賽 自我挑戰組 DAY 10

技術 【Day10】ChatGPT請教教我:TypeScript!Enum!泛型 !

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 1

技術 Day1-nest.js開發環境準備

開發前必備軟體 node.js Runtime Postman 測試API VS Code 編輯器 Cmder command line工...

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

技術 【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)

前兩天初步的探討了模組的基本皮毛(每一個模組規範都是個深耕(誤),仍待細細研究)。今天接著要來探討在探討模組時,一直感到很疑惑的命名空間(namespace)。...

鐵人賽 Modern Web DAY 9

技術 Day09: 【TypeScript 學起來】物件型別 Object Types : Arrays / Function

Q: 如何反駁「工程師離開電腦之後就是個廢物」的這個說法?A: 不不不,很多工程師在電腦前面也是廢物 哈哈 我在任何時候都是廢物 XDD繼上篇了解了基本 ob...

鐵人賽 Modern Web DAY 1

技術 Day01: 為什麼我想要學 TypeScript

前端工程師說,我去交友網站找女朋友去了。朋友問:找到了麼?工程師說:找到了他們頁面的一個 bug // ☝ 每天笑一笑,bug 遠離你 ☺// 跟文章完全沒關...

鐵人賽 Modern Web DAY 11

技術 Trick 10: 向量的旋轉原來要歪看正著

不管是2D還是3D,幾乎沒有遊戲能離得開向量,小至幾何繪圖、動畫旋轉等像素操作,大至光跡追蹤、路徑搜尋等邏輯演算,向量都在其中扮演著重量級的魔王,擋在遊戲開發的...

鐵人賽 Modern Web DAY 28

技術 Day28 :【TypeScript 學起來】React + TypeScript 實作簡單 Todo App Part1

前面筆記了那麼多,終於來實作看看了~先來做個簡單的 to do app,也會紀錄實作上遇到的問題。 若有錯誤,歡迎留言指教,感恩的心。 環境安裝 使用 c...

鐵人賽 Modern Web DAY 15

技術 Day15: 【TypeScript 學起來】Interface VS Type Aliases 用法與差別

上一篇講到 interface,今天這篇會來講 type, 他們兩個功能幾乎很像,但還是有些不一樣,讓我們看下去。不過這之前先介紹一下 Type Aliase...