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

0 Like 0 留言 1072 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 D19 - 是誰偷按確定？

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

鱈魚 ‧ 2022-10-03

1 Like 1 留言 1873 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day 17: 元件溝通的原則 feat. props & emit

元件溝通的原則 1. 資料由上而下單向傳遞這在前端框架中，是很常見的管理原則，Vue 文件用「One-Way Data Flow」來描述；React 文件...

安揪拉 ‧ 2022-10-02

0 Like 0 留言 1519 瀏覽

鐵人賽 Modern Web DAY 17

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

技術【概念ノ章】測試工具： Vue Test Utils 與元件測試

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

ShawnL ‧ 2022-10-02

0 Like 0 留言 770 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 D18 - 玩家一起粗乃玩！

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

鱈魚 ‧ 2022-10-02

0 Like 0 留言 1038 瀏覽

鐵人賽 Modern Web DAY 16

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

技術【試験ノ章】第一個測驗：測試情境案例、Setup & Teardown 與 Matchers

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

ShawnL ‧ 2022-10-01

1 Like 0 留言 1443 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day 16: 從 vuejs 原始碼看 v-on 修飾符串接

誰適合看這篇？試問： @click.prevent.self 和 @click.self.prevent 的差別是什麼？...回答不出來的人，還有想即時打開...

安揪拉 ‧ 2022-10-01

0 Like 0 留言 895 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 D17 - 所以我說那個搖桿呢？

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

鱈魚 ‧ 2022-10-01

0 Like 0 留言 1376 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

ShawnL ‧ 2022-09-30

1 Like 0 留言 5295 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 15: 在 Vue 專案使用 Sass/SCSS +共用變數 (feat. Vite)

Outline 主要分成四個部份安裝 Sass 預處理器，在 SFC 檔使用 SCSS 撰寫 style 區域引入 SCSS 樣式或變數全域引入 SCSS...

安揪拉 ‧ 2022-09-30

0 Like 0 留言 1008 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 D16 - 手機變搖桿！

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

鱈魚 ‧ 2022-09-30

0 Like 0 留言 1175 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

ShawnL ‧ 2022-09-29

1 Like 0 留言 1494 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 D15 - 加入派對

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

鱈魚 ‧ 2022-09-29

0 Like 0 留言 1065 瀏覽

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

鐵人賽 Modern Web DAY 14

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

技術 D14 - 裝飾大廳細節

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

鱈魚 ‧ 2022-09-28

2 Like 0 留言 6589 瀏覽

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

鐵人賽 Modern Web DAY 12

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

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

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

ShawnL ‧ 2022-09-27

0 Like 0 留言 3727 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Vue3 + TypeScript 好搭檔 - D12

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

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

1 Like 0 留言 2346 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 D13 - 來布置一下吧

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

鱈魚 ‧ 2022-09-27

0 Like 0 留言 1047 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

ShawnL ‧ 2022-09-26

1 Like 0 留言 2610 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

鱈魚 ‧ 2022-09-26

5 Like 4 留言 12243 瀏覽

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

鐵人賽 Modern Web DAY 10

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

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

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

ShawnL ‧ 2022-09-25

0 Like 0 留言 5511 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

安揪拉 ‧ 2022-09-25

1 Like 0 留言 3475 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

鱈魚 ‧ 2022-09-25

0 Like 0 留言 3815 瀏覽

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

鐵人賽 Modern Web DAY 9

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

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

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

ShawnL ‧ 2022-09-24

1 Like 0 留言 4311 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

鱈魚 ‧ 2022-09-24

0 Like 0 留言 1522 瀏覽

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

鐵人賽 Modern Web DAY 8

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

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

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

ShawnL ‧ 2022-09-23

1 Like 0 留言 4799 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

鱈魚 ‧ 2022-09-23

技術 D19 - 是誰偷按確定？

技術 Day 17: 元件溝通的原則 feat. props & emit

技術 【概念ノ章】測試工具： Vue Test Utils 與元件測試

技術 D18 - 玩家一起粗乃玩！

技術 【試験ノ章】第一個測驗：測試情境案例、Setup & Teardown 與 Matchers

技術 Day 16: 從 vuejs 原始碼看 v-on 修飾符串接

技術 D17 - 所以我說那個搖桿呢？

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

技術 Day 15: 在 Vue 專案使用 Sass/SCSS +共用變數 (feat. Vite)

技術 D16 - 手機變搖桿！

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

技術 D15 - 加入派對

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

技術 D14 - 裝飾大廳細節

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

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

技術 Vue3 + TypeScript 好搭檔 - D12

技術 D13 - 來布置一下吧

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

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

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

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

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

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

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

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

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

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

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

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

標記使用者

技術【概念ノ章】測試工具： Vue Test Utils 與元件測試

技術【試験ノ章】第一個測驗：測試情境案例、Setup & Teardown 與 Matchers

技術【語法ノ章】斷言（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. 決定測試工具