iT邦幫忙

typescript相關文章
共有 671 則文章

技術 【TypeScript】TypeHero - TS 初心者的練習

大家好,最近開始在學 TypeScript,除了官方文件以外,也偶爾會翻閱保哥的免費電子書 will 保哥 - TypeScript 新手指南 (TS 影片介...

技術 凡走過必留下痕跡 TypeScript 系列 第三回 : Narrowing 概念

哈摟~大家好我是阿華,今天來跟大家分享TypeScript 的 Narrowing 概念, Narrowing當你使用 TypeScript 時,Narrowi...

技術 凡走過必留下痕跡 TypeScript 系列 第二回 : 基本原始(The primitives)型態

哈摟~大家好我是阿華,今天來跟大家分享 TypeScript 基礎類型,TypeScript 提供了多種類型,用於宣告變數、函數參數、函數傳回值等,以協助開發者...

技術 凡走過必留下痕跡 TypeScript 系列 第一回 : 前言&初識TypeScript

前言古人有云,凡走過必留下痕跡,而且人隨著年紀越來越大,記不住的事情是越來越多,所以想記錄一下自己的足跡,也分享給有緣人自由取用,因此有了這一系列的文章。 第一...

鐵人賽 Modern Web DAY 30

技術 Day30 - 魔法結束囉!

心得感想 首先,非常感謝各位閱讀此系列。這次我選擇以 TypeScript 為主題,因為在我的職務中有廣泛應用到 TypeScript。透過這個機會,我想將我...

鐵人賽 Modern Web DAY 30
TypeScript 啟動! 系列 第 30

技術 [Day 30] TypeScript 前言只是慢了

看大家第一篇都會有一個前言,那我的也不能缺席XD,只是走得比較慢。 回首三十日的 TypeScript 之旅 三十天前,我決定踏上一場關於 TypeScrip...

鐵人賽 Software Development DAY 30

技術 [Day 30] Simple Auth App : 來做個收尾

昨天為TypeORM和SQLte連接方式做了除錯[Day 29] Simple Auth App : 修復TypeORM 問題與DataSource,整理完DB...

鐵人賽 Modern Web DAY 29

技術 Day29 - 當 TypeScript 與 Vue Composition API 尬在一起

深入了解 TypeScript 後,讓我們將其與 Vue Composition API 結合使用。有助於我們構建更具可維護性和型別安全性的 Vue 元件,降...

鐵人賽 Modern Web DAY 29
TypeScript 啟動! 系列 第 29

技術 [Day 29] TypeScript 裝飾子

1. 啟用實驗性設定(tsconfig.json)、初次使用 TypeScript 裝飾子是一種特殊的宣告,可以被附加到類聲明、函式、屬性或參數上。裝飾子使用...

鐵人賽 Software Development DAY 29

技術 [Day 29] Simple Auth App : 修復TypeORM 問題與DataSource

在[Day 27] Simple Auth App:ORM & DB setting中有設定了TypeORM,當中有問題與createConnectio...

鐵人賽 Modern Web DAY 28
TypeScript 啟動! 系列 第 28

技術 [Day 28] TypeScript ECMAScript

1. ES6 解構式語法基礎、進行型別註記 解構式語法 在 ES6 中,解構(Destructuring)是一種簡單快速地提取陣列或物件中數值的方式,並將它們賦...

鐵人賽 Modern Web DAY 28

技術 Day28 - 組織與管理程式碼的好夥伴 - Modules & Namespaces

模組(Modules) 什麼是模組? 模組是 TypeScript 中的一個關鍵概念,允許我們將程式碼組織成獨立的、可重用的結構。在 TypeScript 中...

鐵人賽 Software Development DAY 28

技術 [Day 28] Simple Auth App:註冊、登入實作

Simple Auth App:註冊、登入實作 今天先實作註冊登入登出功能的流程與架構 1. 用戶註冊、登錄 1.1 用戶註冊 router.post('/re...

鐵人賽 Modern Web DAY 27

技術 Day27 - 通用又實用的型別 - Partial & Readonly

當處理 TypeScript 中的型別時,Partial 和 readonly 是兩個實用的內建型別。讓我們更深入了解這兩個型別,並透過範例來說明它們的應用。...

鐵人賽 Modern Web DAY 27
TypeScript 啟動! 系列 第 27

技術 [Day 27] TypeScript 模組系統

在很早期 TypeScript 還沒建立出 impot 和 export 的時候,namespace 是一種組織代碼的方式。但隨著 ES6 模組系統的普及,其*...

鐵人賽 Software Development DAY 27

技術 [Day 27] Simple Auth App:ORM & DB setting

Simple Auth App:ORM & DB setting 今天來繼續製作Simple Auth App,昨天將API interface設計好,...

鐵人賽 Modern Web DAY 26
TypeScript 啟動! 系列 第 26

技術 [Day 26] TypeScript 零售業者模擬演練 IV

今天應該會完成大致上的呈現~ Step1 修正 App.tsx // App.tsx import React, { useState } from 'rea...

鐵人賽 Modern Web DAY 26

技術 Day26 - 泛型(Generics)下篇 - 泛型的多種姿態

在前一篇文章中,我們介紹了泛型的基本概念和它所提供的靈活性。今天,我們將深入探討泛型的多種應用方式,包括多個型別參數的泛型函式、泛型約束、泛型介面和泛型類別。...

鐵人賽 Software Development DAY 26

技術 [Day 26] Simple Auth App:專案始動

Simple Auth App:專案始動 昨天是設計資料庫架構與API介面,今天就來開始啟動專案,這次不用WebStorm建立專案而是使用指令來建立專案。 建立...

鐵人賽 Software Development DAY 25
Should I use fp-ts 系列 第 25

技術 [Should I use fp-ts?] Day 25 - fp-ts Array

[Should I use fp-ts?] Day 25 - fp-ts Array 在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts...

鐵人賽 Modern Web DAY 25

技術 Day25 - 泛型(Generics)上篇 - 讓程式碼變得更通用!

什麼是泛型? 泛型是一個強大的程式設計概念,它允許我們建立通用的、可重用的程式碼。它的優點不僅在於它可以適用於不同的資料型別,還在於它提供了靜態型別檢查的好處...

鐵人賽 Modern Web DAY 25
TypeScript 啟動! 系列 第 25

技術 [Day 25] TypeScript 零售業者模擬演練 III

顯然跟目標網頁比較還有點小地方可以調整,主要是 CSS 上面的調整。 CSS 是一種描述語言,用於描述 HTML 的呈現方式。也就是說,在網頁上看到各種顏色、佈...

鐵人賽 Software Development DAY 24
Should I use fp-ts 系列 第 24

技術 [Should I use fp-ts?] Day 24 - fp-ts Array

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-24 並且有測試可以讓大家練習。 Array A...

鐵人賽 Modern Web DAY 24
TypeScript 啟動! 系列 第 24

技術 [Day 24] TypeScript 零售業者模擬演練 II

今天繼續來完成前端網站 React 的部分,首先有好幾個地方要修正,像是資料呈現的屬性資料顯然是不夠的、圖表上的顯然是庫存而不是價格、每週的銷售紀錄等等呈現。...

鐵人賽 Modern Web DAY 24

技術 Day24 - 實作介面與類別

先前學習過,介面(interfaces)不僅可以用於描述「物件的形狀」,同時也可用來抽象類別的一部分行為。 類別實作介面 在 TypeScript 中,透過使...

鐵人賽 Software Development DAY 23
Should I use fp-ts 系列 第 23

技術 [Should I use fp-ts?] Day 23 - fp-ts Array

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-23 並且有測試可以讓大家練習。 Array 平...

鐵人賽 Modern Web DAY 23
TypeScript 啟動! 系列 第 23

技術 [Day 23] TypeScript 零售業者模擬演練

在目前的前端生態中,TypeScript 與 React 已成為前端工程師的主要工具之一,使用 TypeScript 能確保我們專案的更加的完善(可讀性高、錯誤...

鐵人賽 Modern Web DAY 23

技術 Day23 - 建立物件藍圖 - 類別(class)

什麼是 OOP? OOP(Object-Oriented Programming,物件導向程式設計)是一種程式設計範式或方法論,以物件為核心,將資料和與資料相...

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題,我們會用i18n來去做網站的中英文轉換,我們並且會寫一份json來管理我們所有的key,但會遇到一個問題就是說如果一個key在英文有...

鐵人賽 Software Development DAY 22
Should I use fp-ts 系列 第 22

技術 [Should I use fp-ts?] Day 22 - fp-ts Apply

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-22 並且有測試可以讓大家練習。 Apply 使...