iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1026 瀏覽

鐵人賽 JavaScript DAY 29

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 29 篇

技術 Day29：使用 TypeScript 寫測試 - Jest 篇

在現在的前端應用程式開發中，撰寫測試對於確保代碼的穩定性和可維護性非常重要。而 Jest 就是盛行的其中一個 JavaScript 測試框架，內建支援斷言庫和模...

Annie ‧ 2024-10-12

0 Like 0 留言 1023 瀏覽

鐵人賽 Modern Web DAY 17

如何用TypeScript水30天鐵人賽系列第 17 篇

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

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

Opshell ‧ 2022-09-17

1 Like 0 留言 1021 瀏覽

鐵人賽 Software Development DAY 16

為什麼世界需要Typescript 系列第 16 篇

技術責任鏈模式 - 16

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

閃電妖精 ‧ 2019-09-17

0 Like 0 留言 1019 瀏覽

鐵人賽 Modern Web DAY 1

Vite 出小蜜蜂～和卡比一起玩網頁遊戲開發！系列第 15 篇

技術 [Day14] Vite 出小蜜蜂～ Game Logic - Sequential Movement！

Day14 在 Space Invaders 的遊戲設計中，Enemy 的移動邏輯扮演了非常重要的角色，他為遊戲提供了難度，並隨著玩家每次擊殺 Enemy 增加...

HelloKayac ‧ 2021-09-19

2 Like 0 留言 1017 瀏覽

鐵人賽 Modern Web DAY 8

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 8 篇

技術 Day 8: 使用 Pinia 實現 Vue 中的複雜狀態管理

介紹在 Vue 3 中，Composition API 是一種更靈活的狀態管理方式，特別是當應用變得更加複雜時。Pinia 完全支持 Composition...

MichaelHo ‧ 2024-09-22

1 Like 0 留言 1014 瀏覽

鐵人賽 Modern Web DAY 19

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 19 篇

技術 Day19 Vue.js 動效分類實戰 (11) 進階背景特輯 - 用 GSAP 打造你的專屬海洋世界

結合動態背景與滾動效果，打造前所未有的海洋深處互動體驗在這個數位時代，誰說網頁設計只能是靜態的？想像一下你的頁面不再只是一片白板，而是變成了一個充滿生命力...

Sunny.Cat ‧ 2024-10-03

2 Like 0 留言 1014 瀏覽

鐵人賽 Software Development DAY 14

用設計模式與Typescript，在React異世界築起堅固保壘！系列第 14 篇

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

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

Yuri Tsai ‧ 2019-09-29

0 Like 0 留言 1012 瀏覽

鐵人賽 Modern Web DAY 12

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 12 篇

技術 Day12 Vue.js 動效分類實戰 (4) 導航特輯 - 用 GSAP 打造超爆棚品牌感設計

讓導航欄脫穎而出！用 Vue.js 和 GSAP 強調呼吸感的品牌互動哈囉各位！今天我們要來搞點大動作，帶大家一起用 Vue.js 和 GSAP 打造一個超...

Sunny.Cat ‧ 2024-09-26

0 Like 0 留言 1010 瀏覽

鐵人賽 Modern Web DAY 9

Angular10 實作教學系列第 9 篇

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

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

馬達 ‧ 2020-09-09

0 Like 0 留言 1008 瀏覽

鐵人賽 Modern Web DAY 1

Vite 出小蜜蜂～和卡比一起玩網頁遊戲開發！系列第 13 篇

技術 [Day12] Vite 出小蜜蜂～ Spawn！

Day12 Level Design 接下來我們要開始設計關卡，小蜜蜂的關卡很單純，但是背後的心理卻很深奧。不過卡比目前只需要完成基本的就行了，也就是將 En...

HelloKayac ‧ 2021-09-15

0 Like 0 留言 1006 瀏覽

鐵人賽 Modern Web DAY 13

如何用TypeScript水30天鐵人賽系列第 13 篇

技術 [Day13]：鴨子的行為 - interface介面 Part 2

你這鴨子怎麼咬人了呢? 會游泳、嗄嗄叫肥嘟嘟的一隻，沒錯就是鴨子ㄟ~!!你這鴨子怎麼咬人了呢?───────────────────────── By Op...

Opshell ‧ 2022-09-13

1 Like 0 留言 1000 瀏覽

技術 React 使用 TypeScript 需要特別注意的型態問題

TypeScript 顧名思義就是所有的變數都需要先宣告，即使在開發環境能開啟並測試，等要打包時還是無法編譯，雖然還是能強制編譯，不過使用 TypeScript...

凱文大叔 ‧ 2023-07-08

0 Like 0 留言 994 瀏覽

鐵人賽 Modern Web DAY 4

關於用 Javascript (Typescript) Stack 打造某種 Backend 3D Rendering 的東東這檔事系列第 4 篇

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

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

Wei Ji ‧ 2022-09-18

1 Like 0 留言 994 瀏覽

鐵人賽 Software Development DAY 12

為什麼世界需要Typescript 系列第 12 篇

技術建立測試案例 - 12

設定好 test 測試環境, 以及 git 環境設定, 現在我們可以開始搗鼓我們的產品實驗室. 當我們編寫產品程式時, 我們就試著用下面流程來跑紅燈 --...

閃電妖精 ‧ 2019-09-13

0 Like 1 留言 985 瀏覽

鐵人賽 Modern Web DAY 7

TypeScript 魔法 - 喚醒你的程式碼靈感系列第 7 篇

技術 Day07 - 定義常數集合的好幫手 - 枚舉(Enums)

昨日與大家分享元組（Tuples），今日主題是 TypeScript 中另一個獨有的型別 - 枚舉（Enums）。枚舉（Enums）應用於定義一組命名的常數...

肉鬆 ‧ 2023-09-22

0 Like 0 留言 983 瀏覽

鐵人賽 Modern Web DAY 11

如何用TypeScript水30天鐵人賽系列第 11 篇

技術 [Day11]：這是一隻鴨子 - Object

這就是一隻鴨子當我看到一隻鳥像鴨子一樣走路像鴨子一樣游泳，像鴨子一樣嘎嘎叫時，我就叫那隻鳥為鴨子────────────────── By James W...

Opshell ‧ 2022-09-11

7 Like 1 留言 982 瀏覽

鐵人賽 JavaScript DAY 1

TypeScript 初學者也能看的學習指南系列第 1 篇

技術 TypeScript 初學者也能看的學習指南 01 - 一起來寫 TypeScript 吧

歡迎來到本系列文「TypeScript 初學者也能看的學習指南」，全文講解的 TypeScript 版本為 5.6 時隔一年又來參加鐵人賽了，年初時有上過 Ty...

hannnahTW ‧ 2024-09-11

0 Like 0 留言 972 瀏覽

鐵人賽自我挑戰組 DAY 2

TypeScript 三十天學習日記系列第 2 篇

技術 Day 2 set up

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

Claire ‧ 2021-09-17 ‧團隊血汗攻城屍

1 Like 0 留言 968 瀏覽

鐵人賽 Modern Web DAY 6

Vue 和 TypeScript 的最佳實踐：成為前端工程師的進階利器系列第 6 篇

技術 Day 6: 在 UnoCSS 中應用原子 CSS 規則進行靈活的樣式設計

介紹在現代前端開發中，CSS 工具和框架正在迅速演變。隨著應用的增長和設計的複雜化，如何靈活且高效地設計樣式變得至關重要。UnoCSS 是一個功能強大且靈活...

MichaelHo ‧ 2024-09-20

0 Like 0 留言 960 瀏覽

鐵人賽 Modern Web DAY 15

如何用TypeScript水30天鐵人賽系列第 15 篇

技術 [Day15]：鴨子的生產工廠 - class

卡鏘~ 一隻鴨子，卡鏘~ 兩隻鴨子... 一隻鴨... 兩隻鴨...會下蛋的都是好鴨───────────────────── By Opshell 目...

Opshell ‧ 2022-09-15

0 Like 0 留言 957 瀏覽

鐵人賽 Modern Web DAY 8

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 8 篇

技術 Day08 Vue.js 簡單迷人的網頁動態效果 - TransitionGroup 篇

使用 Vue <TransitionGroup> 打造出色的卡片動態效果是否覺得網站上的卡片或列表元素看起來呆板？新增或移除元素時，總是顯得「生...

Sunny.Cat ‧ 2024-09-22

1 Like 0 留言 955 瀏覽

鐵人賽 JavaScript DAY 26

TypeScript 初學者也能看的學習指南系列第 26 篇

技術 TypeScript 初學者也能看的學習指南 26 - 實用套件篇

在實際進入開發前，我們要來先了解有哪些不錯的 TypeScript 套件或其他輔助套件，加速我們開發和學習 TypeScript VSCode 套件 1. T...

hannnahTW ‧ 2024-10-06

0 Like 0 留言 953 瀏覽

鐵人賽自我挑戰組 DAY 4

TypeScript 三十天學習日記系列第 4 篇

技術 Day 4 基本型別 - part 1

今天要介紹 TypeScript 的基本型別，TypeScript 跟 JavaScript 一樣擁有最基本的幾種型別 Number、String、Boolea...

Claire ‧ 2021-09-19 ‧團隊血汗攻城屍

0 Like 0 留言 952 瀏覽

技術如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題，我們會用i18n來去做網站的中英文轉換，我們並且會寫一份json來管理我們所有的key，但會遇到一個問題就是說如果一個key在英文有...

Patrick ‧ 2023-10-08

1 Like 0 留言 950 瀏覽

鐵人賽 Software Development DAY 18

為什麼世界需要Typescript 系列第 18 篇

技術狀態模式(State Pattern) - 18

接下來建立 enum 列舉描述有哪些狀態 enum VendingState { Vending, SoldOut, InsertingCoi...

閃電妖精 ‧ 2019-09-19

0 Like 0 留言 949 瀏覽

鐵人賽 JavaScript DAY 26

TypeScript 完全指南：從語法基礎到高級功能的系統學習系列第 26 篇

技術 TypeScript 實戰：前端 React Setup

前言後端完成後，就要來介紹前端如何搭配 TypeScript 來開發，這個章節我們會使用 React 來實作簡單的任務管理網站，並串接我們寫好的後端，而會選...

Mao ‧ 2024-09-27 ‧團隊Side Project Taiwan

0 Like 0 留言 949 瀏覽

技術解決Windows總是把Typescript文件夾看成影音檔

最近用Typescript開發專案，小弟用的是Windows10筆電遇到一個小煩惱，那就是每次打開都是 .ts 的文件夾時就會像下方圖片一樣 https://...

nigyellow ‧ 2021-07-12

0 Like 0 留言 942 瀏覽

鐵人賽 Modern Web DAY 19

TypeScript 啟動！系列第 19 篇

技術 [Day 19] TypeScript 非同步型別檢查 II

在 TypeScript 中的時候，基本上一定會寫到非同步（異步）執行的操作來提高性能，但由於 JavaScript 本身是單執行緒，所以通常會使用 Web W...

叮叮 ‧ 2023-10-04

2 Like 0 留言 939 瀏覽

鐵人賽 JavaScript DAY 4

不會 VueUse 而被提分手的我系列第 4 篇

技術 D-04 isDefined 解析與動機 — 簡單感受一下 VueUse 的美 2

雖然我知道 isDefined 很好用了，但然後呢？會用，但不知道原理就跟魔法一樣！這怎麼行！！程世社季子你一定要等我！等我學成歸來！！！#挽回愛情的第四天...

白色的白 ‧ 2024-09-17 ‧團隊鐵齒不信寫不完

0 Like 0 留言 938 瀏覽