iT邦幫忙

typescript相關文章
共有 672 則文章
鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

閱讀本篇文章前,仔細想想看 泛用型別化名的如何進行宣告? 泛用化名註記在變數時的注意事項為何? 泛用函式的特點為何? 如果還不清楚可以看一下前一篇文章喔...

鐵人賽 Modern Web DAY 27

技術 Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

閱讀本篇文章前,仔細想想看 大致上理解策略模式以及應用類別與介面進行實踐。 另外本篇會延續上一篇的範例,因此沒有看過可以先翻看前一篇的文章喔! 廢話不多說...

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

技術 【Day 08】TypeScript 資料型別 - 函式型別(Function Types)-(上)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 如何解釋基礎物件在 TypeScript 的型別推論和型別註記機制? null 和 undefined...

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

技術 D12 - 歡迎光臨遊戲大廳:使用 Vue Router 切換頁面

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

技術 Typescript:先別管強型別了,你聽過enum嗎?

ㄧ、角色介紹 小明:只會寫javascript,而且還寫得很爛,是程式界中的麻瓜 (原型:本人) 小E:Typescript的銷售員,負責Enum的保單,總站...

鐵人賽 Modern Web DAY 17

技術 Day 17 - 為什麼要用 TypeScript

前言 JavaScript 已經寫到滾瓜爛熟了,但畢竟 JavaScript 是一個弱型別的語言,往往有許多 bug 都從這個點衍生出來。 當提到弱型別這件事,...

鐵人賽 Modern Web DAY 28

技術 Trick 27: 承先啟後的路徑搜尋-A*演算法

前兩天分別介紹了兩種路徑搜尋演算法,《戴克斯特拉》與《貪婪演算法》。他們尋路的過程大同小異,但演算的結果卻大相徑庭。 復習 這兩種演算法都會將觸及的所有格子,分...

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

技術 【Day 20】TypeScript 資料型別 - 類別(Class)

總算來到了類別 Class(撒花~) 每天邊學邊寫 TypeScript 20天好像才來到真正的重點哈。在使用 React 函式庫進行開發時,經常會使用 ES6...

鐵人賽 Modern Web

技術 Day 34. 戰線擴張・專案語法 X 嚴格把關 - TypeScript Compiler Syntatic Checks Configurations

閱讀本篇文章前,仔細想想看 前端的 Debug 技巧有哪些? 編譯過後的檔案通常會有對應的 Source Map 檔,其中 Source Map 到底是在...

鐵人賽 Modern Web DAY 29

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

今天繼續 todo app part2, 會紀錄實作上遇到的問題。 若有錯誤,歡迎留言指教,感恩的心。 TodoItem Component 新增 src...

鐵人賽 Software Development DAY 10

技術 typescript 有時候限制反而會是一件好事

寫在前面 typescript是主要由微軟維護的語言 之於javascript有點像是c++之於c c++是對於c加上了物件導向的功能,而ts對於js則是加上了...

鐵人賽 Modern Web DAY 30

技術 Day29 | 最強聯名款 TSX 上市-ESLint 篇

前言 ESLint 一直是我們打程式的重要指標,它不但能夠替我們檢查語法風格中的問題,也避免某些問題可能會造成的程式錯誤,所以如果 ESLint 無法在 Typ...

鐵人賽 Modern Web DAY 25

技術 Day24 | 只要別搞混 Class,你想得到通通有

前言 本篇會介紹如何在 TypeScript 中使用 Class,但是可別搞混了哦!TypeScript 的 Class 和 JavaScript 的 Clas...

技術 【圖解Deno教學】介紹x安裝x使用 三合一

Youtube連結:https://bit.ly/36zpv2VDeno Taiwan(FB社團):https://bit.ly/2XXyoQ0 Deno是一...

鐵人賽 Software Development DAY 28

技術 [Day28] 操作大量資料的好幫手 ─ 迭代器(Iterator) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天要介紹最後一個模式了真的是...太開心啦! 今天是澎湖遊最後一天,還是一樣跟大家分享個照片~ 最想念的應該是漂亮的海水跟夕陽...

鐵人賽 Modern Web DAY 1

技術 Trick 0: 什麼都不會怎麼寫遊戲?

要挑戰什麼? 在正式開始挑戰30個遊戲演算法的第一天,小哈想先和同學們同步一下接下來的30篇會看到什麼、挑戰什麼、學到什麼。 小哈是個半路出家的遊戲程式設計師,...

鐵人賽 Modern Web DAY 25

技術 Day25 :【TypeScript 學起來】Class 的繼承、修飾符、abstract、static

今天繼續筆記class,剩最後5天了!若有錯誤,歡迎留言指教,感恩的心。 extends 繼承 這個跟JavaScript相同, 使用 extends 繼...

鐵人賽 Software Development DAY 14

技術 [今晚我想來點 Express 佐 MVC 分層架構] DAY 14 - Route Module

建置 RouteBase Route Module 的設計可以很多樣, 最重要的功能即定義路由 ,所以要在 constructor() 去觸發路由註冊,這就是...

鐵人賽 Modern Web DAY 12

技術 Day12-Guard in nest.js(下)

除了authentication,通常會需要以role來管理頁面權限。 昨天提到Guard中的canActivate會傳入ExecutionContext,透過...

鐵人賽 Modern Web DAY 27

技術 Day26 | 精選設計模式實戰,打通 interface 及 class 的運用觀念

前言 本篇會用前兩篇提到的 Class 與 Interface 玩轉設計模式中的「策略模式」,希望能透過實際的運用讓大家更了解兩者的運用觀念,只要能夠好好運用,...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17:今天來部署你的 Angular 應用程式吧!

昨天我們已經將製作好的版型,套用到 Angular 的根元件 AppComponent,今天,我們就要來進行發行與部署 Angular 應用程式的流程。 首先,...

鐵人賽 Modern Web DAY 24

技術 Day24 :【TypeScript 學起來】TypeScript 中使用 Class

今天來了解在 TypeScript 中使用 Class,Class Member 包含了: Fields 、 Readonly、Constructors、Me...

鐵人賽 Modern Web DAY 6

技術 Day06:【TypeScript 學起來】資料型別那些事 : 總覽

Q: 為什麼工程師都喜歡用 dark mode?A: 因為太亮會吸引很多 bug。原來如此XDD 上一篇我們了解了指定型別的三種方法,那有哪些型別可以使用...

鐵人賽 自我挑戰組 DAY 4

技術 TypeScript - Gof 23 Design Pattern (04):Interface 1/2

前言 今天本來要先來看一下Var、Let的差異,但下班有點耽誤怕時間不夠。今天介紹瀏覽一下 Interfaces吧! Interfaces 介紹 官網HandB...

鐵人賽 Modern Web DAY 14

技術 Day14:【TypeScript 學起來】Interfaces(介面) 筆記整理

終於來到 interface,覺得這個算是頗重要的一趴,讓我們看下去。這大概是我最認真做筆記的一篇 哈哈。 因為一開始學一直看到他,從一開始不懂到大概了解,到...

鐵人賽 Modern Web DAY 15

技術 Trick 14: 為什麼要寫自己的亂數產生器

今天的標題可能會讓人很困惑,明明JavaScript就提供了Math.random(),現成的亂數產生器為什麼放著不用,要自己瞎搞一個出來? 九成以上的遊戲都藉...

鐵人賽 Software Development DAY 4

技術 物件導向的繼承 - 04

物件導向有三大基本特徵: 繼承, 封裝, 多型. 繼承(inherit) 繼承就是子類別繼承了父類別. 例如: 學生(子類別)繼承了Person人(父類別)...

鐵人賽 Modern Web DAY 19

技術 Day19 :【TypeScript 學起來】More on Functions

我們在前面 Day09 , 有簡單討論到 function,這篇就會來看一些更深入 function 的應用。 使用 function 關鍵字 最簡單定義...

鐵人賽 自我挑戰組 DAY 21

技術 【Day21】ChatGPT請教教我:React入門(七)- React & TypeScript !

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