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

0 Like 0 留言 1220 瀏覽

鐵人賽 Modern Web DAY 15

全端成長之旅系列第 15 篇

技術 Day.15 Vue3 介紹 Part 10

今天來介紹 Vue 3 的 Composition API。 Vue 2 元件最大的痛點就是，相關邏輯必須被強制的拆分到不同的 Lifecycle Hooks裡...

Cian ‧ 2020-09-26

0 Like 0 留言 1187 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

ShawnL ‧ 2022-09-29

0 Like 0 留言 1182 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

ShawnL ‧ 2022-09-25

0 Like 0 留言 1180 瀏覽

鐵人賽 Modern Web DAY 24

前端暴龍機，Vue2.x 進化 Vue3 系列第 24 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day24.Vue3 Options API & Composition API 介紹

在 Vue3 中我們可以使用 Options API 或是 Composition API 選擇一種方式來撰寫，下面來看看甚麼是 Options API ? 甚...

gior__ann ‧ 2021-10-03 ‧團隊請付費解鎖團隊名稱

0 Like 0 留言 1178 瀏覽

鐵人賽 Modern Web DAY 17

全端成長之旅系列第 17 篇

技術 Day.17 Vue3 介紹 Part 12

今天介紹 Vue 3 的 Provide/Inject Provide provide 最常用的 3個用法： import { provide, ref, re...

Cian ‧ 2020-09-28

1 Like 3 留言 1177 瀏覽

鐵人賽 Modern Web

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

技術【雜談ノ章】那些沒說到的內容、完賽感言、TOC 與參考資料們

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

ShawnL ‧ 2022-10-20

1 Like 0 留言 1176 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

ShawnL ‧ 2022-09-23

0 Like 0 留言 1129 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

ShawnL ‧ 2022-10-05

0 Like 0 留言 1101 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

鱈魚 ‧ 2022-10-06

0 Like 0 留言 1078 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 D19 - 是誰偷按確定？

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

鱈魚 ‧ 2022-10-03

0 Like 0 留言 1076 瀏覽

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

鐵人賽 Vue.js DAY 3

試試用Vue建立網站吧系列第 3 篇

技術 Day3-試試Vue3-引入Bootstrap套件

(1)安裝 Bootstrap 套件bootstrap 最新版本請參考這個網站。 Visual Studio 「工具列/終端機/新增終端機」開啟終端機並輸入以下...

jennydisc ‧ 2023-09-18

0 Like 0 留言 1056 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

ShawnL ‧ 2022-09-26

0 Like 0 留言 1052 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

ShawnL ‧ 2022-10-01

0 Like 0 留言 1048 瀏覽

鐵人賽 Modern Web DAY 13

全端成長之旅系列第 13 篇

技術 Day.13 Vue3 介紹 Part 8

今天來介紹 Vue3 的 computed 和 watch API computed computed API 有兩種使用方式：immutable、writab...

Cian ‧ 2020-09-24

0 Like 0 留言 1011 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 D16 - 手機變搖桿！

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

鱈魚 ‧ 2022-09-30

0 Like 0 留言 1004 瀏覽

鐵人賽 Vue.js DAY 8

試試用Vue建立網站吧系列第 8 篇

技術 Day8-試試Vue3-會員登入後轉跳主頁

(1)新增會員主頁檔案會員頁面登入後的畫面稱為會員主頁（以下簡稱主頁）。路徑 src / views / front 底下新增 MainView.vue 檔案。...

jennydisc ‧ 2023-09-23

0 Like 0 留言 1001 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

ShawnL ‧ 2022-10-06

2 Like 0 留言 1000 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 D24 - 完全體企鵝

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

鱈魚 ‧ 2022-10-08

0 Like 0 留言 996 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 D20 - I want to play a game

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

鱈魚 ‧ 2022-10-04

0 Like 0 留言 996 瀏覽

鐵人賽自我挑戰組 DAY 17

網頁前端框架 Vue 3 從頭開始（重新挑戰）系列第 17 篇

技術 vue3 Composition API 學習手冊-17 組件的資料和函數

呈上一篇組件設計的文章，今天來介紹組件資料和方法的應用，在使用組件的時候，各個子層可以有獨立的data與methods不會互相干擾，不過需要注意使用的方式： &...

史坦利 ‧ 2020-09-29

0 Like 0 留言 994 瀏覽

鐵人賽 Vue.js DAY 6

試試用Vue建立網站吧系列第 6 篇

技術 Day6-試試Vue3-表單使用Vee Validate驗證

基本上表單驗證前後端都需要做，前端可做簡單的基礎驗證（如 mail 須為正確格式、必填欄位等），後端則負責較嚴謹的驗證。此篇針對註冊頁面的表單增加 Vee Va...

jennydisc ‧ 2023-09-21

0 Like 0 留言 972 瀏覽

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

鐵人賽 Vue.js DAY 4

Vue3歡樂套件箱耶系列第 4 篇

技術開箱4:超強輪播插件～Vue-Swiper範例應用

本篇開箱的是Swiper一個流行的、功能強大的插件庫，用於創建滑動式的輪播、幻燈片和相冊...等。 ▲ 示意圖介紹 Swiper是一個電腦和手機端全螢幕滑...

切版姐姐 ‧ 2023-09-19

0 Like 0 留言 929 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

ShawnL ‧ 2022-10-03

0 Like 0 留言 901 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

鱈魚 ‧ 2022-10-01

0 Like 1 留言 879 瀏覽

鐵人賽 Vue.js DAY 4

試試用Vue建立網站吧系列第 4 篇

技術 Day4-試試Vue3-首頁(註冊)畫面

首頁分為註冊與會員登入頁面，此篇先介紹註冊部分。 (1)建立路由表Vue.js 是一個元件化的框架，每個頁面通常由一個或多個元件構成，且元件有各自的生命周期，包...

jennydisc ‧ 2023-09-19

0 Like 0 留言 834 瀏覽

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

技術闡述單元測試、元件測試，並學習在自己的 Vue3 專案中加入 Vitest！

文章出處網站建置不是件簡單的事，我們都知道網站做好之後，有好多細節需要兼顧，所以許多公司花了大量的時間與金錢，耗用人力對維護中的網站進行不斷的、重複的人...

Wayne ‧ 2023-02-09

2 Like 1 留言 818 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 D23 - 爆走企鵝

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

鱈魚 ‧ 2022-10-07

技術 Day.15 Vue3 介紹 Part 10

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

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

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day24.Vue3 Options API & Composition API 介紹

技術 Day.17 Vue3 介紹 Part 12

技術 【雜談ノ章】那些沒說到的內容、完賽感言、TOC 與參考資料們

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

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

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

技術 D19 - 是誰偷按確定？

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

技術 Day3-試試Vue3-引入Bootstrap套件

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

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

技術 Day.13 Vue3 介紹 Part 8

技術 D16 - 手機變搖桿！

技術 Day8-試試Vue3-會員登入後轉跳主頁

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

技術 D24 - 完全體企鵝

技術 D20 - I want to play a game

技術 vue3 Composition API 學習手冊-17 組件的資料和函數

技術 Day6-試試Vue3-表單使用Vee Validate驗證

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

技術 開箱4:超強輪播插件～Vue-Swiper範例應用

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

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

技術 Day4-試試Vue3-首頁(註冊)畫面

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

技術 闡述單元測試、元件測試，並學習在自己的 Vue3 專案中加入 Vitest！

技術 D23 - 爆走企鵝

標記使用者

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

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

技術【雜談ノ章】那些沒說到的內容、完賽感言、TOC 與參考資料們

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

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

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

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

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

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

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

技術開箱4:超強輪播插件～Vue-Swiper範例應用

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

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

技術闡述單元測試、元件測試，並學習在自己的 Vue3 專案中加入 Vitest！