在前面的章節我們介紹了使用 interface 來聲明物件的結構和形狀，但如果我們是要接收從 api 上取得回來的資料 (我們使用 TDX 的觀光資訊 隨便其中...
相信使用 ES6 的小夥伴們對模組都不陌生，現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式，雖然它們都有類似的目標，但它們在某些方...
今天要來介紹 Decorator Factory，它可以讓 Decorator 有更多的可能性，撰寫的方法是在 Decorator 外面再包裹一層 functi...
嗨 大家好 我是一路爬坡的阿肥 今天是澎湖遊 Day3，先來分享個照片吧～ 南海跳島之旅+海洋牧場get開牡蠣技能 晚上參加大人們的喝喝大會 充實的一天～...
骨架屏黑科技，提升載入體驗 大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還...
Day4 接下來卡比要是著操作 LaserCannon，讓他可以左右移動。 Input 在上個章節，卡比介紹了 GameLoop。 示意用 while (tru...
用別人的輪子 別人的輪子用起來等等這輪子的規格好像怪怪的...───────────────────── By Opshell 目標:檔案宣告 今天我...
哈摟，我是剛入門Web領域、目前正在學React的菜鳥，參加鐵人賽的緣由是因為實習寫專案時碰到TypeScript，但當時只看了一咪咪的官方文件的5分鐘Gett...
type 功能一、定義純文字 ts AnimalStrings 是 型別 export enum AnimalEnum { Dog, Cat, Pi...
馬達
‧
2020-09-08
行為型模式：觀察者模式 Observer Design Pattern 如果你用過Vue的Watcher，那你就大概了解了觀察者模式啦。觀察者模式指的是可以[訂...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-10-09
運用漸變、動畫與動態樣式，讓你的網頁元素閃耀出迷人的色彩魅力！ 哈囉！受夠了中規中矩的文字了嗎？是時候讓你的網頁閃耀起來啦！ 今天我們要用 Vue.js 來玩...
大部分解開始~ 清槍開始、清槍蹲下將槍枝斜舉於左胸膛，檢視藥室內有無子彈───────────────────────── By TW 國軍 目標:In...
介紹 表單驗證是 Web 開發中不可或缺的一部分。通過表單驗證，我們能保證用戶提交的數據正確無誤。今天我們將介紹如何使用 Vee-Validate 和 Zod...
用抽象類別(abstract class) 方法取代if else 先定義一個基本的抽象類別 abstract class ForSale { abstr...
今天要來介紹 Module，寫 Module 的好處在於，可以把程式碼分成不同檔案來管理，會比較好維護，也能比較好閱讀。要把程式碼寫成模組有兩種做法，一種是 N...
今天來認識 any、unknown、void、never，可能有些人會覺得很眼熟，曾在C++或是Java語言看過，但這些都是JavaScript沒有的型別，而是...
所以說那個Type呢? 既然要學習TypeScript那Type就是它的醬汁───────────────────────── By Opshell 昨...
golang 的 chan select 實在太方便，其實任何提供了協程的語言都能很好且方便的支持 chan 和 select，因爲經常寫 typescript...
到底要Type還是Interface？ 昨天看了雜七雜八的TS 各種基本類型一大堆，用的時候，我還是有疑問：到底該用Type和Interface呢？ 畢竟他們根...
用一點動態魔法讓你的網站更生動 大家好！今天是 IT 鐵人賽的第三十天，真不知不覺我們已經走到了終點！這段旅程有很多調皮又溫馨的記憶，而今天我們要終於來做一個...
前言 TypeScript 我們已經學的差不多了～接下來要進入實戰環節！這個章節我們會使用 Express 框架來實作簡單的 CRUD Web 後端應用程式，...
Day15 在 Space Invaders 的遊戲設計中，除了隨著不斷前進而產生的壓迫感之外，Enemy 的射擊也扮演了相輔相成的作用。 他讓遊戲內容不只是單...
強型闖入DenoLand[22] - Testing and Related Tools(3) 本篇將會向各位讀者介紹 Deno 內建的單元測試功能，在正式開...
嗨 大家好 我是一路爬坡的阿肥 阿肥在想好今天的標題後... 突然超級嘴饞想吃一蘭決定鐵人賽結束後去吃一波！ 情境描述 肥肥是個標準的哈日族，每年一定會去日本...
當我們開始使用 TypeScript 開發較大的專案時，我們需要更多的控制權來調整編譯過程，以確保項目能夠正確運行。這就是編譯配置（compiler conf...
肉鬆
‧
2023-10-04
getData 這邊的這個、那個、還有這個不要，剩下的Data包了。───────────────────── By Opshell 目標：今天來改寫g...
Day16 接下來，卡比想要先去做 介面 (HUD)，方便我們進入到計分系統的時候，可以順便驗證分數。 首先，我們讓畫面能夠渲染 文字。 Text 首先我們要增...
今年，是我第一次參加鐵人賽，而今天也是自我挑戰的達標日，但正如標題所寫的，達標對我而言只是一個階段，不代表結束。 這三十天的挑戰，讓我從一個完全的 Angula...
Target： ->解決您Gulp報錯的問題，照片如下。當你出現這問題時，代表您的Gulp版本過高。 Solution： 1.首先先到您的Package....
威爾豬
Claire
Yuri Tsai
Sunny.Cat
HelloKayac
Opshell
urlun0404
Global Rachel
MichaelHo
閃電妖精
Mao
EN
ABow_Chen
iThome鐵人賽
看影片追技術