iT邦幫忙

typescript相關文章
共有 673 則文章
鐵人賽 Modern Web DAY 1
強型闖入DenoLand 系列 第 1

技術 強型闖入DenoLand[0] - 前言

強型闖入DenoLand[0] 大家好,我不是 Peter ,我是 Ian 。 什麼是 Deno ? Deno 是一個全新的 JavaScript / T...

鐵人賽 Modern Web

技術 [Day31]:後記 - 環境調整 Part1 - ESLint

Vite環境最...咦!壞掉了... 環境什麼的果然還是最麻煩了! 哭阿!──────────────── By Opshell 目標:成功完成一個能用...

鐵人賽 Modern Web

技術 Trick 30: 平台遊戲的十二項跳躍準則

其實加上第一天的Trick 0,小哈在昨天鐵人賽的文章就已經累積滿三十篇,不過因為系列標題寫著《30個遊戲程設的錦囊妙計》,如果不寫到Trick 30,好像對不...

鐵人賽 Software Development DAY 23

技術 [Day23] 打造輕鬆編輯的顏文字編輯器吧! ─ 命令(Command) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 這禮拜四開始就連假啦! 希望有小天使可以幫我生完所有進度 定義 Command 的 介面與抽象類別 我們先以 interfac...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29:開始來學資料繫結:使用目前所學,來個簡單實作吧!(三)

我們前一篇,雖然有將需求二實作出來,但是看到 keyCode 已被淘汰的訊息,還是覺得有點不痛快。 上網搜尋了一下,找到一篇其他開發者分享的文章: [從 0 開...

鐵人賽 自我挑戰組 DAY 3

技術 Day 03:不用三分鐘,建立第一個 Angular 專案範本

接下來,我們就要來建立第一個專案範本。 首先,我們可以在桌面上先建一個資料夾,命名叫 Angular,記住不要使用中文字命名,以免發生錯誤。 接著打開...

鐵人賽 Modern Web

技術 [Day32]:後記 - 環境調整 Part2 - Prettier

Vite環境最...咦!壞掉了... 程式碼最重要的就是整整齊齊當然,我希望他可以自動自發──────────────── By Opshell 目標:...

鐵人賽 Modern Web DAY 4

技術 Trick 3: 火焰傷害的頻率管理

身為冒險者的你,如果不小心闖入遊戲中的森林火海因而引火上身,那麼就會持續受到燒傷的傷害。不過另人好奇的是,即使受到四面八方無數的火焰轟擊,被燒傷的人物仍然只固定...

鐵人賽 Modern Web DAY 29

技術 [Day29]:喜歡的都裝一起 - svg sprite

喜歡的都裝在一起 我才不要別人喜歡的我要自己喜歡的───────────────── By Opshell 目標: vite-plugin-svg-ic...

鐵人賽 Software Development DAY 7

技術 Day 7 Slash Command

Day 7 Slash Command Discord 的 Slash Command 是一個比較新的功能,以往的 Bot 都是讀取具特殊格式的訊息,例如 !h...

鐵人賽 Modern Web DAY 18

技術 Day18: 【TypeScript 學起來】Narrowing Part 2

好 繼續來筆記 Narrowing, 還有哪些方法能進行 narrow 型別呢。 若有錯誤,歡迎留言指教,感恩的心。 使用 type predicates...

鐵人賽 Software Development DAY 5

技術 [Day5] 老闆:來一碗大腸麵線 ─ 工廠方法(Factory Method) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 突然想到雙十連假要去澎湖渡假敲開心~(灑花) 啊 等一下!(是真的突然想到) 那不就表示就連在澎湖也要記得發文嗎 ? 情境描述...

鐵人賽 Modern Web DAY 20
強型闖入DenoLand 系列 第 20

技術 強型闖入DenoLand[19] - TypeScript 和 Deno 的大小事(2)

強型闖入DenoLand[19] - TypeScript 和 Deno 的大小事(2) 進入正題 筆者在前一篇文章向大家介紹了如何在 Deno 中使用多模組...

鐵人賽 Modern Web DAY 15
強型闖入DenoLand 系列 第 15

技術 強型闖入DenoLand[14] - 泛型的概念與實作

強型闖入DenoLand[14] - 泛型的概念與實作 在前一篇章正式結束 OOP 系列後,今天要向大家分享的是 TypeScript 的泛型。 泛型程式設...

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

技術 D15 - 加入派對

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

鐵人賽 Modern Web DAY 18

技術 Trick 17: 綿延不絕的隨機地形是咋做出來的?

不管你喜不喜歡沙盒遊戲,都無法否認我的世界(Minecraft)、泰拉瑞亞(Terraria)這些屹立了十多年仍然立於頂端的遊戲類型有多麼吸引玩家。 類似的沙盒...

鐵人賽 Modern Web DAY 3
強型闖入DenoLand 系列 第 3

技術 強型闖入DenoLand[2] - Hello, World!

強型闖入DenoLand[2] - Hello, World! 今天進入到了一個相當重要的篇章,筆者認為這是學習一樣新的程式語言時最愉快的環節沒有之一。 因...

徵才 美商A10 Networks - Sr. FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

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

技術 D28 - 第一隻企鵝

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

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

技術 D29 - 結束是另一個開始

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

鐵人賽 影片教學 DAY 21
我讀你看 系列 第 21

技術 [TS] 寫 Type Guard 好麻煩?試試看 Zod 吧(feat. ajv)

分享兩個方便將資料做型別檢查的工具: zod: https://zod.dev/ajv: https://ajv.js.org/guide/typescrip...

鐵人賽 Software Development DAY 22

技術 [Day22] 打造輕鬆編輯的顏文字編輯器吧! ─ 命令(Command) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天是blue nonday... 不過因為有鐵人賽的加入 讓阿肥想blue也沒時間blue啦! 情境描述 肥醬喜歡在社交軟...

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

技術 D30 - 花絮和閒聊

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

鐵人賽 Modern Web DAY 21

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day20 - 超好用工具分享之 TSQuery

之前筆者在 Day12 的時候有說過, Angular 其實很貼心地幫我們準備了很多 API ,讓我們在開發 Schematics 的時候可以更輕鬆、簡單。 不...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10:一起了解 Angular 應用程式的啟動流程(二)

前一篇我們提到了一部分的啟動流程,今天我們會探討剩下的啟動流程資訊。 首先,我們要先知道 JavaScript 是從哪一個程式開始跑,而 Angular 應用程...

鐵人賽 Modern Web DAY 30
JavaScript Easy Go! 系列 第 30

技術 #30 下一步:TypeScript & Deno

我們在過去 29 篇說了很多 JavaScript 的東西,也用 Node.js 寫了一些東西。 現在,我們要再更進一步,介紹一些 JavaScript 相關領...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13:來把靜態檔案加入 Angular CLI 建立的專案吧!

把靜態檔案加到 Angular 專案中 前一篇,我們已經學會用 Angular CLI 建立元件及範本,今天我們要試著把靜態檔案加到 Angular CLI 所...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07:開發 Angular 一定要會的 TypeScript

Angular 官方建議使用兩種語言來開發,一是 Dart(也是一種由 Google 開發的語言),不過 Dart 相對比較少人用,而另一個語言就是我們今天要介...

鐵人賽 Software Development DAY 27

技術 [Day 27] 如何設計搜尋結果清單 - 實用至上主義前端 |【搜尋引擎製作錄】

Github, Over Engineering 版型設計 這邊的設計確實讓人頭痛,作為搜尋引擎,你無法肯定用戶送出搜尋之後,回傳的資料集大小。假設有大量的資料...

鐵人賽 Modern Web DAY 2

技術 TypeScript 的優缺點

優點: JavaScript 存在,TypeScript 就存在 還記得昨天的圖嗎?因為 TypeScript 是建立在 JavaScript 之上的程...