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

1 Like 0 留言 10134 瀏覽

鐵人賽 Modern Web

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

技術【進階ノ章】覆蓋率（Coverage）

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

ShawnL ‧ 2022-10-18

0 Like 0 留言 3124 瀏覽

鐵人賽 Modern Web

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

技術【進階ノ章】Vitest UI

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

ShawnL ‧ 2022-10-17

1 Like 0 留言 3105 瀏覽

鐵人賽 Modern Web

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

技術【語法ノ章】Vue Ecosystem 篇：Pinia 測試

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

ShawnL ‧ 2022-10-16

0 Like 0 留言 2664 瀏覽

鐵人賽 Modern Web DAY 30

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

技術【語法ノ章】Vue Ecosystem 篇：Vue Router 測試

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

ShawnL ‧ 2022-10-15

2 Like 0 留言 4305 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day 30: Vue 3 響應式原理 - effect 如何響應 (無敵簡化版)

註：本篇屬於沒有很重要，但我很好奇系列這篇不會著重在原始碼，主要是介紹 Vue 是用什麼概念去蒐集依賴。主要學習資源是 Vue Mastery、官網文件和部份...

安揪拉 ‧ 2022-10-15

4 Like 0 留言 6678 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Day 29: Vue 響應式基礎 - watch & computed 不踩坑

前言在 Day 9 和 10 的文章中，我們提到 Vue 3 響應式基礎 - reactive & ref，主要用來攔截資料的讀取跟寫入，讓 Vue...

安揪拉 ‧ 2022-10-14

2 Like 0 留言 5297 瀏覽

鐵人賽 Modern Web DAY 29

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

技術【語法ノ章】測試替身（Test Double）feat. Vitest Mocking API（Function, Globals & Modules）

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

ShawnL ‧ 2022-10-14

2 Like 4 留言 2184 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 D30 - 花絮和閒聊

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

鱈魚 ‧ 2022-10-14

0 Like 1 留言 1968 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

鱈魚 ‧ 2022-10-13

2 Like 0 留言 2972 瀏覽

鐵人賽 Modern Web DAY 28

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

技術【語法ノ章】測試替身（Test Double）feat. Vitest Mocking API（Date, Timer）

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

ShawnL ‧ 2022-10-13

1 Like 0 留言 4966 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

安揪拉 ‧ 2022-10-12

0 Like 0 留言 1858 瀏覽

鐵人賽 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 留言 1912 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 D28 - 第一隻企鵝

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

鱈魚 ‧ 2022-10-12

1 Like 0 留言 3817 瀏覽

鐵人賽 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 留言 1785 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 D27 - 一人一隻才公平

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

鱈魚 ‧ 2022-10-11

0 Like 1 留言 3265 瀏覽

鐵人賽 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

0 Like 0 留言 1164 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

ShawnL ‧ 2022-10-10

2 Like 0 留言 15778 瀏覽

鐵人賽 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 留言 1906 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

鱈魚 ‧ 2022-10-10

0 Like 0 留言 1438 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

ShawnL ‧ 2022-10-09

2 Like 0 留言 2353 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

安揪拉 ‧ 2022-10-09

3 Like 0 留言 3420 瀏覽

鐵人賽 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

0 Like 0 留言 1211 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

鱈魚 ‧ 2022-10-09

2 Like 0 留言 1398 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 D24 - 完全體企鵝

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

鱈魚 ‧ 2022-10-08

0 Like 0 留言 1889 瀏覽

鐵人賽 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 留言 5730 瀏覽

鐵人賽 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 留言 1748 瀏覽

鐵人賽 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 留言 1347 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 D23 - 爆走企鵝

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

鱈魚 ‧ 2022-10-07

1 Like 0 留言 7915 瀏覽

鐵人賽 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 留言 1760 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

鱈魚 ‧ 2022-10-06

技術 【進階ノ章】覆蓋率（Coverage）

技術 【進階ノ章】Vitest UI

技術 【語法ノ章】Vue Ecosystem 篇：Pinia 測試

技術 【語法ノ章】Vue Ecosystem 篇：Vue Router 測試

技術 Day 30: Vue 3 響應式原理 - effect 如何響應 (無敵簡化版)

技術 Day 29: Vue 響應式基礎 - watch & computed 不踩坑

技術 【語法ノ章】測試替身（Test Double）feat. Vitest Mocking API（Function, Globals & Modules）

技術 D30 - 花絮和閒聊

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

技術 【語法ノ章】測試替身（Test Double）feat. Vitest Mocking API（Date, Timer）

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

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

技術 D28 - 第一隻企鵝

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

技術 D27 - 一人一隻才公平

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

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

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

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

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

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

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

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

技術 D24 - 完全體企鵝

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

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

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

技術 D23 - 爆走企鵝

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

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

標記使用者

技術【進階ノ章】覆蓋率（Coverage）

技術【進階ノ章】Vitest UI

技術【語法ノ章】Vue Ecosystem 篇：Pinia 測試

技術【語法ノ章】Vue Ecosystem 篇：Vue Router 測試

技術【語法ノ章】測試替身（Test Double）feat. Vitest Mocking API（Function, Globals & Modules）

技術【語法ノ章】測試替身（Test Double）feat. Vitest Mocking API（Date, Timer）

技術【語法ノ章】測試替身（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）