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

1 Like 0 留言 1181 瀏覽

鐵人賽 Vue.js DAY 1

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

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

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

imall ‧ 2023-09-16

1 Like 2 留言 2066 瀏覽

鐵人賽 Vue.js DAY 3

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

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

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

jennydisc ‧ 2023-09-18

0 Like 0 留言 2301 瀏覽

鐵人賽 Vue.js DAY 2

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

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

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

jennydisc ‧ 2023-09-17

1 Like 1 留言 1141 瀏覽

鐵人賽 Vue.js DAY 1

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

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

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

jennydisc ‧ 2023-09-16

1 Like 0 留言 1363 瀏覽

鐵人賽 Vue.js DAY 17

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

技術 DAY 17 - 全新的開發者體驗，探索 Nuxt 3 世界

今日前言 Nuxt3 了，接下來後半篇鐵人賽都會以 Nuxt3 為主，一開始預計 Vue.js 的概念篇本來預計寫 10 天，不知不覺越寫越多 orz ...發...

阿蘇蘇 ‧ 2023-10-02 ‧團隊大船要開囉

0 Like 0 留言 1223 瀏覽

鐵人賽 Vue.js DAY 18

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

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

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

JK 程式誌 ‧ 2023-09-18

0 Like 0 留言 455 瀏覽

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

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

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

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

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

鐵人賽 Vue.js DAY 4

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

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

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

lohchanhin ‧ 2023-09-04

0 Like 0 留言 585 瀏覽

鐵人賽 Vue.js DAY 3

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

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

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

lohchanhin ‧ 2023-09-03

0 Like 0 留言 505 瀏覽

技術明天就是鐵人賽了

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

自尤雨溪望 ‧ 2023-08-31

0 Like 1 留言 1326 瀏覽

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

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

Andrew ‧ 2023-07-04

0 Like 0 留言 2238 瀏覽

技術在 Vue 3 中使用 Headless UI

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

會飛的和牛 ‧ 2023-04-12

2 Like 5 留言 3754 瀏覽

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

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

Wayne ‧ 2023-02-15

2 Like 0 留言 1010 瀏覽

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

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

Wayne ‧ 2023-02-09

1 Like 3 留言 1426 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-20

1 Like 0 留言 1702 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-19

1 Like 0 留言 5760 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-18

0 Like 0 留言 1865 瀏覽

鐵人賽 Modern Web

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

技術【進階ノ章】Vitest UI

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

ShawnL ‧ 2022-10-17

1 Like 0 留言 2068 瀏覽

鐵人賽 Modern Web

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

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

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

ShawnL ‧ 2022-10-16

0 Like 0 留言 1855 瀏覽

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

鐵人賽 Modern Web DAY 30

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

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

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

安揪拉 ‧ 2022-10-15

3 Like 0 留言 4333 瀏覽

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

1 Like 0 留言 3344 瀏覽

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

鐵人賽 Modern Web DAY 30

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

技術 D30 - 花絮和閒聊

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

鱈魚 ‧ 2022-10-14

0 Like 1 留言 1636 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

鱈魚 ‧ 2022-10-13

1 Like 0 留言 1849 瀏覽

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

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

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

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

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

技術 DAY 17 - 全新的開發者體驗，探索 Nuxt 3 世界

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

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

技術 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）

標記使用者

技術我的 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）