iT邦幫忙

typescript相關文章
共有 673 則文章
鐵人賽 Modern Web DAY 1

技術 [Day18] Vite 出小蜜蜂~ 位置校正 Position Adjustment!

Day18 接下來再進到分數系統之前,卡比要先進行位置的校正,使我們更接近原作。 Enemy 首先我們需要校正 Enemy 的位置,我們將每個整個 Enemy...

鐵人賽 自我挑戰組 DAY 30

技術 Day 30:未完待續,不停地學習!

今年,是我第一次參加鐵人賽,而今天也是自我挑戰的達標日,但正如標題所寫的,達標對我而言只是一個階段,不代表結束。 這三十天的挑戰,讓我從一個完全的 Angula...

鐵人賽 自我挑戰組 DAY 24

技術 Day 24:開始來學資料繫結:事件繫結(一)

今天我們要來學習 Angular 第三種資料繫結的方法:事件繫結(Event binding)。 我們要達成的目標是,點擊網頁上的圖片,然後標題會隨之改變。...

技術 建立前端開發準則,讓團隊能夠有效率的開發好維護的程式碼(by 均一前端工程師宜陞)

【前言】均一的程式碼基礎 junyiacademy 從 2013 年 fork Khan Academy 原始碼,一直發展到現在,程式碼的複雜度不可同日而語...

鐵人賽 Modern Web DAY 24

技術 Trick 23: 大型垃圾不要丟,資源回收再利用

程式語言在某種分類上可以分為低階語言與高階語言。低階語言(如C語言)提供了從作業系統規畫一塊記憶體來用的功能,不過程式也要自己負責在記憶體不用時還回去給作業系統...

鐵人賽 Modern Web DAY 27

技術 [Day27]:App.vue & Login

App.vue & Login 登入─────────── By Opshell 目標: App.vue && getData...

鐵人賽 Modern Web DAY 26

技術 [Day26]: 這才不是PS5 - axios & router

Axios X Router 這才不是PS5這是Plash Speed 5────────────────── By 장삐쭈 目標:安裝 axios +...

鐵人賽 自我挑戰組 DAY 3

技術 Day 3 設定 tsconfig.json 檔

上一篇提到下了 tsc --init 指令之後會創建出一個 tsconfig.json 的檔案,這個檔案設定了你要如何編譯 TypeScript 的檔案,今天就...

鐵人賽 自我挑戰組 DAY 24

技術 Day24 Modules & Namespaces

今天要來介紹 Module,寫 Module 的好處在於,可以把程式碼分成不同檔案來管理,會比較好維護,也能比較好閱讀。要把程式碼寫成模組有兩種做法,一種是 N...

鐵人賽 Modern Web DAY 24

技術 模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生,現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式,雖然它們都有類似的目標,但它們在某些方...

鐵人賽 Software Development DAY 14

技術 [Day14] 我需要一台喵喵翻譯機 ─ 轉接器(Adapter) <實作篇>

嗨 大家好 我是一路爬坡的阿肥 寫著寫著竟然已經撐兩個禮拜了! 果然有參加比賽有差 可以訓練自己擺脫三分鐘熱度的壞習慣 給個定義 我們知道轉接器模式主要的類...

鐵人賽 Modern Web DAY 1

技術 [Day9] Vite 出小蜜蜂~撞擊行為 Collision Behavior!

Day9 Collision Behavior 當 Laser 跟 Squid 相互撞擊時,我們想要將 Squid 從場上移除。我們需要一個 event 讓我們...

鐵人賽 Modern Web DAY 9
Angular10 實作教學 系列 第 9

技術 NG10鐵人賽 - 9 - 型別實作(1) - 物件實體化實作

建立 型別到 物件化出物件,並執行功能 animal.model.ts // export 可以讓其他 ts 檔案去引用 // void 是不回傳值的型別 ex...

鐵人賽 Software Development DAY 16

技術 責任鏈模式 - 16

建立一本書處理物件 export class OneBookChainForSale extends ChainForSale { getDiscount(...

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

技術 Day 5. TypeScript內建的基本型別:any、unknown、void、never

今天來認識 any、unknown、void、never,可能有些人會覺得很眼熟,曾在C++或是Java語言看過,但這些都是JavaScript沒有的型別,而是...

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

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

鐵人賽 Software Development DAY 8

技術 Day 8 對所有事件標準化以及簡易儲存系統

Day 8 對所有事件標準化以及簡易儲存系統 原本今天要直接進到 slash command,但我發現現在的模組要直接增加這些支援有點怪怪的,所以今天我要來先改...

鐵人賽 Modern Web DAY 30

技術 [Day30]:無限層選單&結語

無限Menu 我如果你願意一層一層一層一層... 一層一層......做出Menu! 不願意!遞迴可以嗎?────────────── By Opshell...

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

技術 Day 18. TypeScript Generic 泛型:超基本語法

在其他程式語言裡有一個蠻好用的語法,可以創造出有相同邏輯卻能套用在不同型別的函式(function),像是C++的template、C#和Java的Generi...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23:開始來學資料繫結:屬性繫結(二)

上一篇談到在 Angular 中使用 屬性繫結(Property binding) 的方法,也延伸了其他議題,就是 Property 及 Attribute 的...

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

技術 [Day 01] TypeScript 是什麼?

TypeScript 是什麼? 其實從名稱就能一言知道,「加強版的 JavaScript ;加強了 Type 」。 ? 「TypeScript」是一個由 Mic...

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

技術 Day 16. TypeScript interface 介面:基本語法

interface 在TypeScript可以有兩種用途: 定義物件(object)的屬性和方法型別; 描述類別(class)應實作的方法 先從定義物件的屬...

鐵人賽 Modern Web DAY 5

技術 第 5 天 還我漂漂拳| property binding、interface

前情提要 將英雄們顯示在 Mat-Card 上後,我們進一步地要對英雄資料做點加工,並且製作英雄詳細介紹頁面。今天會完成下列事項: 使用 TypeScript...

技術 typescript 變 golang,教你怎麼把 golang 的chan select 用 typescript 實現,實現 select

golang 的 chan select 實在太方便,其實任何提供了協程的語言都能很好且方便的支持 chan 和 select,因爲經常寫 typescript...

鐵人賽 Modern Web DAY 17

技術 void VS. never

在上一個章節中,我們知道如果函式沒有返回值的話,可以使用 void 型別,今天我們來比較 void 和 never 的不同的情境和用途,雖然它們看起來相似,但它...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14 Decorator Part - 2

今天要來介紹 Decorator Factory,它可以讓 Decorator 有更多的可能性,撰寫的方法是在 Decorator 外面再包裹一層 functi...

鐵人賽 Modern Web DAY 1

技術 [Day7] Vite 出小蜜蜂~Shoot 射擊系統!

Day7 Shoot 是時候幫我們的 LaserCannon 裝上子彈了! Input 首先,當玩家按下 Space 時要發射 Laser,所以我們要在 Inp...

鐵人賽 Modern Web DAY 18

技術 [Day18]:小鴨鴨排隊游 - Enum列舉

小鴨鴨排隊游 2022搞笑諾貝爾物理獎:小鴨游泳排隊跟在媽媽後面,「加速相位」寫程式也一樣,排排隊寫起來更快。───────────────────────...

鐵人賽 Modern Web DAY 29

技術 聲明文件 ( Declaration Files )

本篇只會稍微提到製作聲明文件的方式,並不會有過多深入的探討。 為什麼需要聲明文件? 有時候當我們使用第三方模組時,它們是依據純 JavaScript 來撰寫...

鐵人賽 Modern Web DAY 23

技術 類別封裝 ( Class Encapsulation )

類別封裝是一種將類別的內部細節隱藏起來,確保類別的屬性和方法在外部程式碼中不被隨意訪問,提高程式碼的可維護性和可讀性,同時提供了一定程度的安全性。 存取修飾符...