iT邦幫忙

typescript相關文章
共有 673 則文章

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

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

鐵人賽 Modern Web DAY 7
Hello TypeScript 菜鳥 系列 第 7

技術 Day 6. TypeScript 參考型別:Array

Day 6 開始是認識參考型別(reference type)。 TypeScript的基本型別(primitive type)除了有以下七種JavaScrip...

鐵人賽 Software Development DAY 5

技術 Day 5 實作 Ping 和 Timing 模組

Day 5 實作 Ping 和 Timing 模組 昨天完全沒有寫到程式,今天就多寫一些吧。 今天來簡單實作一下類 Koa 的 middlewares pipe...

鐵人賽 Software Development DAY 11

技術 Day 11 Server Subscription Plans

Day 11 Server Subscription Plans 既然我們昨天寫出了 MongoDB 的儲存後端,那我們就可以來寫一個有趣的模組了:伺服器訂閱方...

鐵人賽 Modern Web DAY 27
Hello TypeScript 菜鳥 系列 第 27

技術 Day 26. TypeScript Type Manipulation:Indexed Accessed Types

昨天的文章提到 keyof 型別運算子可以用來取得物件鍵值(key)型別,並能將鍵值型別們union成一個型別;若單純從取得的型別來看,現在要認識的indexe...

鐵人賽 Modern Web DAY 25

技術 組合模式-用TS挑戰設計模式-D25

結構型模式之組合模式 受到React Hook啟發,Vue推出了Composition API,從來沒想過[Composition]組合是什麼意思嗎? 今天就來...

鐵人賽 Modern Web DAY 28

技術 [Day28]:剩下的包了 - getData 改寫

getData 這邊的這個、那個、還有這個不要,剩下的Data包了。───────────────────── By Opshell 目標:今天來改寫g...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20 中場休息,來做點酷東西(型別修正跟除點小蟲)

今天做了幾件小事 定義 Project 的型別 class 增加 Project 的狀態 定義 Listener 的型別 增加新 Project...

鐵人賽 Software Development DAY 19

技術 Day 19 Slash Command Tree / Action Event

Day 19 Slash Command Tree / Action Event 我現在突然有點想用跟 context 類似的方式來處理 slash comma...

鐵人賽 自我挑戰組 DAY 5

技術 Day 5 基本型別 - part 2

今天要介紹其他的型別,是原本的 JavaScript 沒有的,分別是 Tuple、Enum、Any、Uknown。 Tuple 型別一樣是陣列,不過是定義好陣列...

鐵人賽 Modern Web DAY 1

技術 行前通知

童話比真實還真實。它不單告訴我們惡魔的存在,更揭示:我們擁有戰勝惡魔的力量。 G.K. Chesterton 前言 我坦白了,我不是一個專業的、受人景仰的前...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 2

技術 Day02 - 安裝 TypeScript

在接下來的文章中,我們將使用 VS Code 學習 TypeScript,首先我們需要安裝 TypeScript,包含以下幾個步驟: 安裝 Node.js...

鐵人賽 Modern Web DAY 19

技術 [Day19]:紅燈停綠燈行 - 型別檢測&Narrowing

紅燈停綠燈行 紅燈停、綠燈行,那黃燈呢?就讓Type Guard(型別檢測)告訴你吧~─────────────────────────── By Opsh...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17 中場休息,來做點酷東西(取值 & 驗證)

那我們繼續吧! 上面做了取得 DOM 元素,也就是三個 input 的值的動作: 在 class 設置 field 把抓取到的 DOM 元素存到相對應的 f...

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

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

鐵人賽 Modern Web DAY 21

技術 [Day21]:自己做說明書 - 宣告檔案 part 2

自己做輪子 任何傻瓜都可以寫出電腦看得懂的程式,但好的程式設計師會寫出人也看得懂的。───────────────────────── By Kent Be...

鐵人賽 Modern Web DAY 17

技術 [Day17]:泛在一起做撒尿牛丸 - 泛型

泛在一起做撒尿牛丸 爭什麼爭!泛在一起做撒尿牛丸阿,笨蛋────────────────────── By 周星馳 - 食神 目標: Generics(...

鐵人賽 自我挑戰組 DAY 21

技術 Day 21 中場休息,來做點酷東西(重構 class)

今天做了 重構程式碼,寫了一個基本的 component class 讓 ProjectInput class 和 ProjectList class 可以繼...

鐵人賽 自我挑戰組 DAY 1

技術 Day 1 前言

剛轉職成功的前端菜雞第一次參賽,原本想簡單開心的每天寫一個小小的專案練習 JavaScript, CSS 跟 HTML 來當參賽文章,後來知道新的專案要使用沒學...

鐵人賽 自我挑戰組 DAY 2

技術 Day 2 set up

今天要來介紹一下如何 set up TypeScript!請先到 TypeScript 的官網然後點選下載 即可用以下指令下載 TypeScript 的 com...

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

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

鐵人賽 自我挑戰組 DAY 22

技術 Day 22 中場休息,來做點酷東西(終於要完成了)

終於要把它做完了!!!今天做了兩件事 新增 ProjectItem class,讓每一次渲染時都能夠利用該 class 渲染專案清單 使用 getter 拿到...

鐵人賽 Modern Web DAY 12
Hello TypeScript 菜鳥 系列 第 12

技術 Day 11. [複習] 程式控制:條件判斷(Condition)

Day 11來到這份Tutorial的Section3 - 控制敘述,包含條件判斷(if-else、switch)與迴圈(for、while)等等。 雖然這是T...

鐵人賽 Modern Web DAY 4

技術 Day 04 可能性之海中的燈火 (Typescript 簡介)

它為了解決什麼問題而生? Javascript 的弱型別特性賦予了開發者相當大的彈性,但也造成了一些語法錯誤無法被直接發現,往往要等到出現 runtime er...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12 Generics Part 2

今天要介紹的是 generic classes 上面可以看到出現了很多錯誤,因為 data、item 都沒有定義型別,TypeScript 不知道傳進來的東西到...

鐵人賽 Modern Web DAY 3

技術 Day03 - TypeScript 核心的 Type - number、string & boolean

TypeScript 支援多種主要的型別,這些型別可以用於變數聲明、函式引數(參數)、函式回傳值等今天我們將討論 TypeScript 中一些主要型別,包括...

鐵人賽 Software Development DAY 17

技術 Day 17 關於 help

Day 17 關於 help 一般來說,我們在使用 CLI 時,都會使用 --help 或 -h 來查看該指令的說明,例如: git --help 很多 Di...

鐵人賽 Software Development DAY 26

技術 Day 26 PermContext

Day 26 PermContext 我們在 PermContext 裡面放一個 perm 的方法,可以讓其他模組取得權限資訊。 export interfac...

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

技術 [Day 22] TypeScript tsconfig.json 常見設定

tsconfig.json 檔案的設定選項繁多,下面是一些較常見的選項及其說明: target: 指定 ECMAScript 目標版本。例如: ES3, E...