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

0 Like 0 留言 1978 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 D16 - 手機變搖桿！

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

鱈魚 ‧ 2022-09-30

0 Like 0 留言 2730 瀏覽

鐵人賽 Modern Web DAY 15

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

技術【語法ノ章】斷言（Assertion）下篇：替身、快照（Snapshot）與拋出錯誤

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

ShawnL ‧ 2022-09-30

1 Like 0 留言 2536 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 D15 - 加入派對

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

鱈魚 ‧ 2022-09-29

0 Like 0 留言 3493 瀏覽

鐵人賽 Modern Web DAY 14

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

技術【語法ノ章】斷言（Assertion）上篇：斷言語法與 Matchers

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

ShawnL ‧ 2022-09-29

0 Like 0 留言 2534 瀏覽

鐵人賽 Modern Web DAY 13

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

技術【語法ノ章】Setup & Teardown：beforeAll, beforeEach, AfterAll & AfterEach

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

ShawnL ‧ 2022-09-28

0 Like 0 留言 2658 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 D14 - 裝飾大廳細節

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

鱈魚 ‧ 2022-09-28

2 Like 0 留言 14429 瀏覽

鐵人賽 Modern Web DAY 12

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

技術真的好想離開 Vue 3 新手村 - Day 12: 認識 nextTick 與 DOM 響應更新時機 feat. template ref

前言 Vue 在官方文件 - Reactivity Fundamentals 中，正式進入 reactive() 和 ref() 之前，先提到了 nextTic...

安揪拉 ‧ 2022-09-27

0 Like 0 留言 5313 瀏覽

鐵人賽 Modern Web DAY 12

分手前端菜雞之旅@非洲30天系列第 12 篇

技術 Vue3 + TypeScript 好搭檔 - D12

Vue3 + TS Vue3全面可以無縫搭配TS寫法，不用再安裝其他有的沒有的套件！(超棒！) 在Vue裡面使用TS就是在這邊宣告： <sciprt la...

Global Rachel ‧ 2022-09-27 ‧團隊還不給我加薪

0 Like 0 留言 2588 瀏覽

鐵人賽 Modern Web DAY 12

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

技術【語法ノ章】案例與情境：describe & it 與輔助 API

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

ShawnL ‧ 2022-09-27

1 Like 0 留言 3126 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 D13 - 來布置一下吧

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

鱈魚 ‧ 2022-09-27

1 Like 0 留言 3237 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 D12 - 歡迎光臨遊戲大廳：使用 Vue Router 切換頁面

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

鱈魚 ‧ 2022-09-26

0 Like 0 留言 2283 瀏覽

鐵人賽 Modern Web DAY 11

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

技術【概念ノ章】測試脈絡－5. 撰寫測試碼 FIRST 法則與學習步驟

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

ShawnL ‧ 2022-09-26

7 Like 4 留言 20314 瀏覽

鐵人賽 Modern Web DAY 11

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

達標好文技術真的好想離開 Vue 3 新手村 - Day 11: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (下)

Outline 上集回顧 reactive() 特性與限制什麼情況會失去響應性 ref() 特性與限制什麼情況會失去響應性兩個比一比...

安揪拉 ‧ 2022-09-26

0 Like 0 留言 2267 瀏覽

鐵人賽 Modern Web DAY 10

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

技術【概念ノ章】測試脈絡－4. 測試案例中的 3A 模式

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

ShawnL ‧ 2022-09-25

1 Like 0 留言 4052 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 D11 - 開房間！開派對！♪( ◜ω◝و(و

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

鱈魚 ‧ 2022-09-25

1 Like 1 留言 9240 瀏覽

鐵人賽 Modern Web DAY 10

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

技術真的好想離開 Vue 3 新手村 - Day 10: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (上)

前言一開始認識 reactive() 跟 ref() 真的超困惑，不理解兩者背後的差別，只能硬記個別的使用方式和限制，一直到了解他們背的原理，才有「啊哈～」的...

安揪拉 ‧ 2022-09-25

0 Like 0 留言 6647 瀏覽

鐵人賽 Modern Web DAY 9

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

技術真的好想離開 Vue 3 新手村 - Day 9: v-for 與他的坑 feat. key & v-if

Outline 語法簡介 v-for 與 key 的關係為什麼要綁定 key 什麼狀況下不能用 index 作為 key v-if & v-...

安揪拉 ‧ 2022-09-24

1 Like 0 留言 4048 瀏覽

鐵人賽 Modern Web DAY 9

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

技術【概念ノ章】測試脈絡－3. 決定測試情境與測試案例

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

ShawnL ‧ 2022-09-24

1 Like 0 留言 5249 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 D10 - 讓前後端接上線：使用 Socket.IO 進行連線

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

鱈魚 ‧ 2022-09-24

0 Like 0 留言 2854 瀏覽

鐵人賽 Modern Web DAY 9

分手前端菜雞之旅@非洲30天系列第 9 篇

技術掰惹Mixin: Vue3-Composition API的複用-Composables-D09

程式碼的複用本來今天要幫以前的Side Project搬家，但箱子都還沒拆，先來看一下Vue3重要的概念之一：重複使用吧！以前Vue2的時候，我們都要使用M...

Global Rachel ‧ 2022-09-24 ‧團隊還不給我加薪

1 Like 0 留言 5498 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 D09 - NestJS 是啥？好吃嗎？

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

鱈魚 ‧ 2022-09-23

1 Like 0 留言 2448 瀏覽

鐵人賽 Modern Web DAY 8

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

技術【概念ノ章】測試脈絡－2. 決定測試工具

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

ShawnL ‧ 2022-09-23

4 Like 1 留言 12982 瀏覽

鐵人賽 Modern Web DAY 7

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

技術真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖

誰適合看這篇想知道 <script setup> 的優點跟我一樣很好奇為什麼 <script setup> 效能比較好...

安揪拉 ‧ 2022-09-22

1 Like 0 留言 2568 瀏覽

鐵人賽 Modern Web DAY 7

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

技術【概念ノ章】測試脈絡－1. 決定測試類型

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

ShawnL ‧ 2022-09-22

4 Like 0 留言 6263 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 D08 - 載入就應該要有載入的樣子

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

鱈魚 ‧ 2022-09-22

3 Like 1 留言 7606 瀏覽

鐵人賽 Modern Web DAY 6

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

技術真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔？如何被編譯？feat. Vite

Outline 什麼是 SFC 檔認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析（其實不算重要，但因為我很好奇）什麼是...

安揪拉 ‧ 2022-09-21

2 Like 0 留言 6620 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 D07 - 開趴前先 loading 一下：使用 Pinia 與 Composition API

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

鱈魚 ‧ 2022-09-21

2 Like 1 留言 2526 瀏覽

鐵人賽 Modern Web DAY 6

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

技術【概念ノ章】測試價值：加入測試的時機

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

ShawnL ‧ 2022-09-21

1 Like 1 留言 2385 瀏覽

鐵人賽 Modern Web DAY 5

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

技術【概念ノ章】測試價值：為什麼我需要測試

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

ShawnL ‧ 2022-09-20

4 Like 0 留言 7326 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 D06 - 打造遊戲選單按鈕：利用 SVG 產生文字外框

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

鱈魚 ‧ 2022-09-20

技術 D16 - 手機變搖桿！

技術 【語法ノ章】斷言（Assertion）下篇： 替身、快照（Snapshot）與拋出錯誤

技術 D15 - 加入派對

技術 【語法ノ章】斷言（Assertion）上篇：斷言語法與 Matchers

技術 【語法ノ章】Setup & Teardown：beforeAll, beforeEach, AfterAll & AfterEach

技術 D14 - 裝飾大廳細節

技術 真的好想離開 Vue 3 新手村 - Day 12: 認識 nextTick 與 DOM 響應更新時機 feat. template ref

技術 Vue3 + TypeScript 好搭檔 - D12

技術 【語法ノ章】案例與情境：describe & it 與輔助 API

技術 D13 - 來布置一下吧

技術 D12 - 歡迎光臨遊戲大廳：使用 Vue Router 切換頁面

技術 【概念ノ章】測試脈絡－5. 撰寫測試碼 FIRST 法則與學習步驟

達標好文 技術 真的好想離開 Vue 3 新手村 - Day 11: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (下)

技術 【概念ノ章】測試脈絡－4. 測試案例中的 3A 模式

技術 D11 - 開房間！開派對！♪( ◜ω◝و(و

技術 真的好想離開 Vue 3 新手村 - Day 10: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (上)

技術 真的好想離開 Vue 3 新手村 - Day 9: v-for 與他的坑 feat. key & v-if

技術 【概念ノ章】測試脈絡－3. 決定測試情境與測試案例

技術 D10 - 讓前後端接上線：使用 Socket.IO 進行連線

技術 掰惹Mixin: Vue3-Composition API的複用-Composables-D09

技術 D09 - NestJS 是啥？好吃嗎？

技術 【概念ノ章】測試脈絡－2. 決定測試工具

技術 真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖

技術 【概念ノ章】測試脈絡－1. 決定測試類型

技術 D08 - 載入就應該要有載入的樣子

技術 真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔？如何被編譯？feat. Vite

技術 D07 - 開趴前先 loading 一下：使用 Pinia 與 Composition API

技術 【概念ノ章】測試價值：加入測試的時機

技術 【概念ノ章】測試價值：為什麼我需要測試

技術 D06 - 打造遊戲選單按鈕：利用 SVG 產生文字外框

標記使用者

技術【語法ノ章】斷言（Assertion）下篇：替身、快照（Snapshot）與拋出錯誤

技術【語法ノ章】斷言（Assertion）上篇：斷言語法與 Matchers

技術【語法ノ章】Setup & Teardown：beforeAll, beforeEach, AfterAll & AfterEach

技術真的好想離開 Vue 3 新手村 - Day 12: 認識 nextTick 與 DOM 響應更新時機 feat. template ref

技術【語法ノ章】案例與情境：describe & it 與輔助 API

技術【概念ノ章】測試脈絡－5. 撰寫測試碼 FIRST 法則與學習步驟

達標好文技術真的好想離開 Vue 3 新手村 - Day 11: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (下)

技術【概念ノ章】測試脈絡－4. 測試案例中的 3A 模式

技術真的好想離開 Vue 3 新手村 - Day 10: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (上)

技術真的好想離開 Vue 3 新手村 - Day 9: v-for 與他的坑 feat. key & v-if

技術【概念ノ章】測試脈絡－3. 決定測試情境與測試案例

技術掰惹Mixin: Vue3-Composition API的複用-Composables-D09

技術【概念ノ章】測試脈絡－2. 決定測試工具

技術真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖

技術【概念ノ章】測試脈絡－1. 決定測試類型

技術真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔？如何被編譯？feat. Vite

技術【概念ノ章】測試價值：加入測試的時機

技術【概念ノ章】測試價值：為什麼我需要測試