iT邦幫忙

typescript相關文章
共有 673 則文章

技術 自動更新 GitHub Profile README 中的 IT 邦幫忙文章

最近剛好在做自己github的profile readme剛好想到可以抓取之前寫的it邦幫忙鐵人賽文章放進readme看到github action marke...

技術 vscode的Prettier對.tsx後綴檔案不起作用?

因為公司的專案都用 TS 在寫最近在 vs code 存擋時,只要是.tsx都沒有觸發 auto format on save的功能查了一下要到setting...

技術 【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,物件導向程式設計)是一種程式設計範式或方法論,以物件為核心,將資料和與資料相...