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

0 Like 1 留言 1471 瀏覽

鐵人賽 Modern Web DAY 29

派對動物嗨起來！系列第 29 篇

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

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

鱈魚 ‧ 2022-10-13

1 Like 0 留言 2917 瀏覽

鐵人賽 Modern Web DAY 27

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 27 篇

技術 Day 27: 從 VueUse - useAsyncState 認識 Composable 和非同步處理

前言會想寫這個題目有兩個原因：想認識 composable 函式，體驗 Composition API 的強大之處，為什麼可以讓跨元件複用程式碼變得更方便...

安揪拉 ‧ 2022-10-12

0 Like 0 留言 958 瀏覽

鐵人賽 Modern Web DAY 27

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 27 篇

技術【語法ノ章】測試替身（Test Double）feat. Vue Test Utils

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-12

0 Like 1 留言 1475 瀏覽

鐵人賽 Modern Web DAY 28

派對動物嗨起來！系列第 28 篇

技術 D28 - 第一隻企鵝

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

鱈魚 ‧ 2022-10-12

0 Like 1 留言 1553 瀏覽

鐵人賽 Modern Web DAY 26

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 26 篇

技術【概念ノ章】測試替身（Test Double）：Dummy, Stub, Spy, Fake & Mock

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-11

1 Like 0 留言 2675 瀏覽

鐵人賽 Modern Web DAY 26

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 26 篇

技術 Day 26: 在 Vue router - Navigation Guard 中使用 Pinia store 的小眉角

前言在 route 中使用 Pinia store 時，不同的 route guard 常常會需要用到同一個 store，我一開始想要少寫一點程式碼XD，減少...

安揪拉 ‧ 2022-10-11

0 Like 0 留言 1344 瀏覽

鐵人賽 Modern Web DAY 27

派對動物嗨起來！系列第 27 篇

技術 D27 - 一人一隻才公平

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

鱈魚 ‧ 2022-10-11

1 Like 0 留言 9434 瀏覽

鐵人賽 Modern Web DAY 25

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 25 篇

技術 Day 25: 來發 API 吧！Pinia 語法學完馬上用

前言在 Day 21: 來發 API 吧！Async Composition API setup() 中，是在元件準備渲染時，才在 setup 內發 API...

安揪拉 ‧ 2022-10-10

0 Like 0 留言 683 瀏覽

鐵人賽 Modern Web DAY 25

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 25 篇

技術【試験ノ章】第二個測驗：容器（Wrapper）與容器方法（Wrapper methods）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-10

0 Like 0 留言 1305 瀏覽

鐵人賽 Modern Web DAY 26

派對動物嗨起來！系列第 26 篇

技術 D26 - 遊戲機網頁取得搖桿控制訊號

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

鱈魚 ‧ 2022-10-10

0 Like 0 留言 681 瀏覽

鐵人賽 Modern Web DAY 24

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 24 篇

技術【語法ノ章】元件測試：模擬 Vue APIs（slots, custom directives）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-09

1 Like 0 留言 1384 瀏覽

鐵人賽 Modern Web DAY 24

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 24 篇

技術 Day 24: Before Pinia - 什麼是狀態(state)？為什麼需要狀態管理器？

前言 Vue 文件常常出現 "state" 這個單字，像是在 Reactivity Fundamentals 篇章中，會用 "st...

安揪拉 ‧ 2022-10-09

0 Like 0 留言 799 瀏覽

鐵人賽 Modern Web DAY 25

派對動物嗨起來！系列第 25 篇

技術 D25 - 建立類比控制搖桿

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

鱈魚 ‧ 2022-10-09

0 Like 0 留言 777 瀏覽

鐵人賽 Modern Web DAY 23

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 23 篇

技術【語法ノ章】元件測試：模擬 Vue APIs（emit, provide/inject）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-08

2 Like 0 留言 1763 瀏覽

鐵人賽 Modern Web DAY 23

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 23 篇

技術 Day 23: 來發 API 吧！Lifecycle Hooks and Navigation Guards 你要哪一個？

Outline Lifecycle Hooks 快速總覽 Navigation guards 快速總覽發 API 挑哪個？今天會著重介紹觸發時機，可以在...

安揪拉 ‧ 2022-10-08

2 Like 0 留言 995 瀏覽

鐵人賽 Modern Web DAY 24

派對動物嗨起來！系列第 24 篇

技術 D24 - 完全體企鵝

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

鱈魚 ‧ 2022-10-08

1 Like 0 留言 3420 瀏覽

鐵人賽 Modern Web DAY 22

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 22 篇

技術 Day 22: Composition API async setup() + await 的限制

上集回顧 Composition API 元件中的 setup() 函式可以作為非同步函式使用，在內部可以使用關鍵字 await 等待非同步陳述式執行。一切聽...

安揪拉 ‧ 2022-10-07

0 Like 0 留言 816 瀏覽

鐵人賽 Modern Web DAY 22

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 22 篇

技術【語法ノ章】元件測試：模擬 Vue APIs（data, props）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-07

2 Like 1 留言 814 瀏覽

鐵人賽 Modern Web DAY 23

派對動物嗨起來！系列第 23 篇

技術 D23 - 爆走企鵝

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

鱈魚 ‧ 2022-10-07

0 Like 0 留言 995 瀏覽

鐵人賽 Modern Web DAY 21

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 21 篇

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－模擬事件

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-06

1 Like 0 留言 5496 瀏覽

鐵人賽 Modern Web DAY 21

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 21 篇

技術 Day 21: 來發 API 吧！Async Composition API setup() feat. <Suspense>

前言接下來幾天會以「在 Vue 3 Composition API 處理非同步（發 API ）」為主軸，從新手的角度出發，告訴大家可以在哪些地方、時機發 A...

安揪拉 ‧ 2022-10-06

0 Like 0 留言 1094 瀏覽

鐵人賽 Modern Web DAY 22

派對動物嗨起來！系列第 22 篇

技術 D22 - 企鵝登場：建立企鵝 Class

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

鱈魚 ‧ 2022-10-06

0 Like 0 留言 1114 瀏覽

鐵人賽 Modern Web DAY 20

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 20 篇

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－取得目標資訊

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-05

0 Like 0 留言 2032 瀏覽

鐵人賽 Modern Web DAY 21

派對動物嗨起來！系列第 21 篇

技術 D21 - 大海、浮冰、企鵝勒？：使用 babylon.js 打造 3D 遊戲

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

鱈魚 ‧ 2022-10-05

0 Like 2 留言 6118 瀏覽

技術 Vue3 串接 Google OAuth 登入【2022 最新】

前言大家好，我是 Ryan，這篇文章是我參與 iThome 2022 鐵人賽時與大家分享使用 Nuxt 3 串接 Google OAuth 登入的額外分享，因...

Ryan ‧ 2022-10-05

1 Like 0 留言 1251 瀏覽

鐵人賽 Modern Web DAY 19

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 19 篇

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－選擇器與陷阱

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-04

2 Like 0 留言 3643 瀏覽

鐵人賽 Modern Web DAY 19

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 19 篇

技術 Day 19: 你可能不知道的 v-model - 為何多選綁定陣列不能用 reactive()?

前言在處理響應式多選表單時，使用 v-model 綁定陣列類型的資料，用 ref() 沒問題，但用 reactive() 卻行不通QQ～為什麼～～～就是下面...

安揪拉 ‧ 2022-10-04

0 Like 0 留言 988 瀏覽

鐵人賽 Modern Web DAY 20

派對動物嗨起來！系列第 20 篇

技術 D20 - I want to play a game

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

鱈魚 ‧ 2022-10-04

0 Like 0 留言 920 瀏覽

鐵人賽 Modern Web DAY 18

「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列第 18 篇

技術【語法ノ章】元件測試：容器（Wrapper）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-03

3 Like 1 留言 3778 瀏覽

鐵人賽 Modern Web DAY 18

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 18 篇

技術 Day 18: v-slot 到底用在哪？從應用學 v-slot 語法

前言要在父子元件之間傳遞變數或內容的時候，我們可以使用 props，但如果想要傳遞進去的是一段 template 片段，就要使用到 slot。最簡單明瞭的...

安揪拉 ‧ 2022-10-03

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

技術 Day 27: 從 VueUse - useAsyncState 認識 Composable 和非同步處理

技術 【語法ノ章】測試替身（Test Double）feat. Vue Test Utils

技術 D28 - 第一隻企鵝

技術 【概念ノ章】測試替身（Test Double）：Dummy, Stub, Spy, Fake & Mock

技術 Day 26: 在 Vue router - Navigation Guard 中使用 Pinia store 的小眉角

技術 D27 - 一人一隻才公平

技術 Day 25: 來發 API 吧！Pinia 語法學完馬上用

技術 【試験ノ章】第二個測驗：容器（Wrapper）與容器方法（Wrapper methods）

技術 D26 - 遊戲機網頁取得搖桿控制訊號

技術 【語法ノ章】元件測試：模擬 Vue APIs（slots, custom directives）

技術 Day 24: Before Pinia - 什麼是狀態(state)？為什麼需要狀態管理器？

技術 D25 - 建立類比控制搖桿

技術 【語法ノ章】元件測試：模擬 Vue APIs（emit, provide/inject）

技術 Day 23: 來發 API 吧！Lifecycle Hooks and Navigation Guards 你要哪一個？

技術 D24 - 完全體企鵝

技術 Day 22: Composition API async setup() + await 的限制

技術 【語法ノ章】元件測試：模擬 Vue APIs（data, props）

技術 D23 - 爆走企鵝

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－模擬事件

技術 Day 21: 來發 API 吧！Async Composition API setup() feat. <Suspense>

技術 D22 - 企鵝登場：建立企鵝 Class

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－取得目標資訊

技術 D21 - 大海、浮冰、企鵝勒？：使用 babylon.js 打造 3D 遊戲

技術 Vue3 串接 Google OAuth 登入 【2022 最新】

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－選擇器與陷阱

技術 Day 19: 你可能不知道的 v-model - 為何多選綁定陣列不能用 reactive()?

技術 D20 - I want to play a game

技術 【語法ノ章】元件測試：容器（Wrapper）

技術 Day 18: v-slot 到底用在哪？從應用學 v-slot 語法

標記使用者

技術【語法ノ章】測試替身（Test Double）feat. Vue Test Utils

技術【概念ノ章】測試替身（Test Double）：Dummy, Stub, Spy, Fake & Mock

技術【試験ノ章】第二個測驗：容器（Wrapper）與容器方法（Wrapper methods）

技術【語法ノ章】元件測試：模擬 Vue APIs（slots, custom directives）

技術【語法ノ章】元件測試：模擬 Vue APIs（emit, provide/inject）

技術【語法ノ章】元件測試：模擬 Vue APIs（data, props）

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－模擬事件

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－取得目標資訊

技術 Vue3 串接 Google OAuth 登入【2022 最新】

技術【語法ノ章】元件測試：容器方法（Wrapper methods）－選擇器與陷阱

技術【語法ノ章】元件測試：容器（Wrapper）