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

0 Like 0 留言 1672 瀏覽

鐵人賽 Vue.js DAY 9

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 9 篇

技術 DAY 9 - v-bind 綁定樣式與 v-on 監聽事件

DAY 9 - v-bind 綁定樣式與 v-on 監聽事件 v-bind 綁定你的 attributes(屬性) v-bind 簡寫、縮寫常見運...

阿蘇蘇 ‧ 2023-09-24 ‧團隊大船要開囉

0 Like 0 留言 1726 瀏覽

鐵人賽 Vue.js DAY 8

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 8 篇

技術 DAY 8 - v-model 雙向綁定與修飾符運用

DAY 8 - v-model 雙向綁定與修飾符運用接下來DAY 8 ~ DAY 11 會來到 Vue 的指令篇，這邊就是比較基礎的常用的指令，會一一來慢...

阿蘇蘇 ‧ 2023-09-23 ‧團隊大船要開囉

0 Like 1 留言 2562 瀏覽

鐵人賽 Vue.js DAY 6

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 6 篇

技術 DAY 6 - 從 Option API 進化到 Compisiton API !!

DAY 6 - Option API 進化 Compisiton API 學習目標 : 從 Option API 進化 Compisiton API ，從了...

阿蘇蘇 ‧ 2023-09-21 ‧團隊大船要開囉

1 Like 1 留言 8847 瀏覽

鐵人賽 Vue.js DAY 5

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 5 篇

技術 DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本

DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本為什麼要了解不同版本呢 ? 1. 版本間差異寫法大，只學一種不理解其中差...

阿蘇蘇 ‧ 2023-09-20 ‧團隊大船要開囉

0 Like 0 留言 947 瀏覽

鐵人賽 Vue.js DAY 4

從入門到入土一條龍Vue.js 系列第 4 篇

技術從入門到入土一條龍Vue.js Day04-基礎系列之Vue組件系統

什麼是組件？在 Vue 中，組件可以被看作是一個可重用的 Vue 實例，帶有名稱。它們和常規的 Vue 實例很相似，只是它們用於定義可重用的代碼塊。組件是構建...

lohchanhin ‧ 2023-09-04

0 Like 0 留言 977 瀏覽

鐵人賽 Vue.js DAY 3

從入門到入土一條龍Vue.js 系列第 3 篇

技術從入門到入土一條龍Vue.js Day03-基礎系列之數據綁定

Vue.js基礎之數據綁定數據綁定是Vue的核心功能之一，允許我們建立視圖（模板）與數據之間的關聯。當數據發生變化時，視圖會自動更新，反之亦然。開新專案(步...

lohchanhin ‧ 2023-09-03

0 Like 0 留言 657 瀏覽

技術明天就是鐵人賽了

想聽我淺談vue3源碼的小夥伴們準備好了嗎？

自尤雨溪望 ‧ 2023-08-31

0 Like 1 留言 1702 瀏覽

技術 Vue3 問題請益(救救我這塊燒壞的腦袋...)

想請教各位大神小弟剛入門前端正在外面進修相關的前端課程目前碰過的東西只有HTML、CSS、Javascript以及淺淺的Vue3最近上到Vue3遇到許多問...

Andrew ‧ 2023-07-04

0 Like 0 留言 3643 瀏覽

技術在 Vue 3 中使用 Headless UI

Headless UI 介紹最常在Tailwind的範例中看到它，支援Vue3、React兩大框架。（Vue只支援3）特點1：純功能UI不帶有樣式特點2：支援...

會飛的和牛 ‧ 2023-04-12

2 Like 5 留言 6604 瀏覽

技術如何用 Google Sheets / Excel 當作資料庫？

文章出處 Google 試算表名稱是 Google Sheets，但為了讓大家好理解，以下也會稱 Google Excel。這一篇說明如何把 Googl...

Wayne ‧ 2023-02-15

2 Like 0 留言 1760 瀏覽

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

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

Wayne ‧ 2023-02-09

1 Like 3 留言 2726 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-20

1 Like 0 留言 3288 瀏覽

鐵人賽 Modern Web

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

技術【進階ノ章】寫測試的最佳實踐（Testing Best Practice）

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

ShawnL ‧ 2022-10-19

1 Like 0 留言 12307 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-18

0 Like 0 留言 3808 瀏覽

鐵人賽 Modern Web

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

技術【進階ノ章】Vitest UI

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

ShawnL ‧ 2022-10-17

1 Like 0 留言 3627 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-16

0 Like 0 留言 3211 瀏覽

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

鐵人賽 Modern Web DAY 30

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

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

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

安揪拉 ‧ 2022-10-15

4 Like 0 留言 7648 瀏覽

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

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

鐵人賽 Modern Web DAY 30

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

技術 D30 - 花絮和閒聊

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

鱈魚 ‧ 2022-10-14

0 Like 1 留言 2262 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

鱈魚 ‧ 2022-10-13

2 Like 0 留言 3474 瀏覽

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

鐵人賽 Modern Web DAY 27

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

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

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

安揪拉 ‧ 2022-10-12

0 Like 0 留言 2215 瀏覽

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

鐵人賽 Modern Web DAY 28

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

技術 D28 - 第一隻企鵝

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

鱈魚 ‧ 2022-10-12

1 Like 0 留言 4244 瀏覽

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

鐵人賽 Modern Web DAY 27

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

技術 D27 - 一人一隻才公平

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

鱈魚 ‧ 2022-10-11

0 Like 1 留言 3846 瀏覽

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

鐵人賽 Modern Web DAY 25

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

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

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

ShawnL ‧ 2022-10-10

技術 DAY 9 - v-bind 綁定樣式與 v-on 監聽事件

技術 DAY 8 - v-model 雙向綁定與修飾符運用

技術 DAY 6 - 從 Option API 進化到 Compisiton API !!

技術 DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本

技術 從入門到入土一條龍Vue.js Day04-基礎系列之Vue組件系統

技術 從入門到入土一條龍Vue.js Day03-基礎系列之數據綁定

技術 明天就是鐵人賽了

技術 Vue3 問題請益(救救我這塊燒壞的腦袋...)

技術 在 Vue 3 中使用 Headless UI

技術 如何用 Google Sheets / Excel 當作資料庫？

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

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

技術 【進階ノ章】寫測試的最佳實踐（Testing Best Practice）

技術 【進階ノ章】覆蓋率（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）

標記使用者

技術從入門到入土一條龍Vue.js Day04-基礎系列之Vue組件系統

技術從入門到入土一條龍Vue.js Day03-基礎系列之數據綁定

技術明天就是鐵人賽了

技術在 Vue 3 中使用 Headless UI

技術如何用 Google Sheets / Excel 當作資料庫？

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

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

技術【進階ノ章】寫測試的最佳實踐（Testing Best Practice）

技術【進階ノ章】覆蓋率（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）