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

0 Like 0 留言 877 瀏覽

鐵人賽 Vue.js DAY 4

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

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

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

切版姐姐 ‧ 2023-09-19

0 Like 1 留言 846 瀏覽

鐵人賽 Vue.js DAY 4

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

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

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

jennydisc ‧ 2023-09-19

0 Like 0 留言 189 瀏覽

鐵人賽影片教學 DAY 3

嘿GPT，幫我寫Vue專案吧！系列第 3 篇

技術 Day03-安裝Vue

安裝 Vue Cli npm install -g @vue/cli 創建 Vue 項目 vue create 自訂義的資料夾名稱因為一些個人因素，之...

Olivia ‧ 2023-09-18

0 Like 0 留言 424 瀏覽

鐵人賽 Vue.js DAY 3

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

技術開箱3:讓我來好好看看你～vue-easy-lightbox範例應用

本篇開箱的是vue-easy-lightbox，簡單應用就能有圖片預覽功能 ▲ 示意圖介紹基於Vue.js 3.0與TypeScript構建的圖片瀏覽(...

切版姐姐 ‧ 2023-09-18

0 Like 2 留言 1008 瀏覽

鐵人賽 Vue.js DAY 3

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

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

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

jennydisc ‧ 2023-09-18

0 Like 0 留言 411 瀏覽

鐵人賽 Vue.js DAY 18

Vue3 - 從零開始學系列第 18 篇

技術 Vue3 - 從零開始學 - Day18 - 製作 Tab 瀏覽

元件大致上的使用規則都已經了解後，這一個單元會實際用一個例子來講解元件的其中一個用法，就是可以使用元件來製作 Tab 的瀏覽方式。一開始先新增三個元件檔案，分...

Mr. JK ‧ 2023-09-18

0 Like 0 留言 556 瀏覽

鐵人賽 Vue.js DAY 2

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

技術開箱2:最愛跟你拖拖拉拉了～vue.draggable範例應用

本篇開箱的是vue.draggable.next，是一款簡單上手vue3的拖曳插件也就是vue.draggable升級版本。 ▲ 官方典型範例示意圖介紹...

切版姐姐 ‧ 2023-09-17

0 Like 0 留言 1256 瀏覽

鐵人賽 Vue.js DAY 2

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

技術 Day2-試試Vue3-建立vite專案

(1)建立 vite 專案透過命令提示字元以 npm 方式建立 vite 專案。 STEP1. 開啟命令提示字元視窗Windows 作業系統中點擊開始>搜...

jennydisc ‧ 2023-09-17

0 Like 0 留言 298 瀏覽

鐵人賽影片教學 DAY 1

嘿GPT，幫我寫Vue專案吧！系列第 1 篇

技術 Day01-建立ChatGPT帳號

今年其實很猶豫要不要參賽，想把去年的安裝教學做完，還是報名了。壓線最後一刻 ~~~(有可能不會完成30天的影片發文:P)(但會把Vue Cli和Node.js...

Olivia ‧ 2023-09-16

1 Like 0 留言 768 瀏覽

鐵人賽 Vue.js DAY 1

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 1 篇

技術我的 Vue.js 筆記(1) - 前言

前端御三家，請選擇前端框架，一個在「大前端時代」出現的產物，當 jQuery 已經沒辦法輕易應付萬紫千紅的需求時，框架開始崛起。近期開始接觸網頁程式的人，無...

imall ‧ 2023-09-16

0 Like 1 留言 687 瀏覽

鐵人賽 Vue.js DAY 1

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

技術 Day1-試試Vue3-初衷與目標

技術背景資料庫工程師轉前端技術。所學從六角學院修習切版、 JavaScript 、 Vue 三種前端技術。參賽初衷所學至今跟著課程作業有作出一些網站前後台模板...

jennydisc ‧ 2023-09-16

0 Like 0 留言 356 瀏覽

鐵人賽 Vue.js DAY 8

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

技術從入門到入土一條龍Vue.js Day08- To Do List（實做）

template 輸入和添加 v-model綁定input的數據，裡面的字顯示新增待辦，也加上enter和按鈕觸發事件待辦列表 v-for渲染我們的filte...

lohchanhin ‧ 2023-09-08

0 Like 0 留言 388 瀏覽

鐵人賽 Vue.js DAY 4

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

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

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

lohchanhin ‧ 2023-09-04

0 Like 0 留言 467 瀏覽

鐵人賽 Vue.js DAY 3

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

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

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

lohchanhin ‧ 2023-09-03

0 Like 0 留言 452 瀏覽

技術明天就是鐵人賽了

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

自尤雨溪望 ‧ 2023-08-31

0 Like 1 留言 1213 瀏覽

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

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

Andrew ‧ 2023-07-04

0 Like 0 留言 1847 瀏覽

技術在 Vue 3 中使用 Headless UI

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

會飛的和牛 ‧ 2023-04-12

2 Like 5 留言 2935 瀏覽

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

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

Wayne ‧ 2023-02-15

2 Like 0 留言 828 瀏覽

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

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

Wayne ‧ 2023-02-09

1 Like 3 留言 1169 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-20

1 Like 0 留言 1246 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-19

1 Like 0 留言 4125 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-18

0 Like 0 留言 1434 瀏覽

鐵人賽 Modern Web

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

技術【進階ノ章】Vitest UI

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

ShawnL ‧ 2022-10-17

1 Like 0 留言 1643 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-16

0 Like 0 留言 1414 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

ShawnL ‧ 2022-10-15

1 Like 0 留言 2321 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

安揪拉 ‧ 2022-10-15

2 Like 0 留言 3308 瀏覽

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

0 Like 0 留言 2303 瀏覽

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

鐵人賽 Modern Web DAY 30

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

技術 D30 - 花絮和閒聊

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

鱈魚 ‧ 2022-10-14

1 Like 0 留言 1398 瀏覽

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

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

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

技術 Day03-安裝Vue

技術 開箱3:讓我來好好看看你～vue-easy-lightbox範例應用

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

技術 Vue3 - 從零開始學 - Day18 - 製作 Tab 瀏覽

技術 開箱2:最愛跟你拖拖拉拉了～vue.draggable範例應用

技術 Day2-試試Vue3-建立vite專案

技術 Day01-建立ChatGPT帳號

技術 我的 Vue.js 筆記(1) - 前言

技術 Day1-試試Vue3-初衷與目標

技術 從入門到入土一條龍Vue.js Day08- To Do List（實做）

技術 從入門到入土一條龍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 - 花絮和閒聊

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

標記使用者

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

技術開箱3:讓我來好好看看你～vue-easy-lightbox範例應用

技術開箱2:最愛跟你拖拖拉拉了～vue.draggable範例應用

技術我的 Vue.js 筆記(1) - 前言

技術從入門到入土一條龍Vue.js Day08- To Do List（實做）

技術從入門到入土一條龍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）