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

0 Like 0 留言 2441 瀏覽

鐵人賽 Vue.js DAY 19

Nuxt 3 實戰筆記系列第 19 篇

技術 [Day 19] Nuxt 3 自動產生 Sitemap 網站地圖 - SEO 搜尋引擎最佳化系列

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-04 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1667 瀏覽

鐵人賽 Vue.js DAY 19

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

技術我的 Vue.js 筆記(19) - 認識元件、Vue 的單一元件檔案 SFC

認識元件在 Vue 幫我們解決的事情這篇文章中，已經用一個簡單的方式介紹元件的概念。當時只是提到模板結構跟資料抽離，並且讓結構重複使用，帶上不同的資料。有...

imall ‧ 2023-10-04

1 Like 0 留言 1675 瀏覽

鐵人賽 Vue.js DAY 18

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

技術開箱18:圖片/元件懶加載～vue3 + IntersectionObserver API範例應用

本篇要來介紹當使用者滑到該圖或該組件時，才載入圖或組件的應用還記得我們在16篇以及17篇分別提到圖片懶加載 IntersectionObserver...

切版姐姐 ‧ 2023-10-03

0 Like 0 留言 958 瀏覽

鐵人賽影片教學 DAY 18

Nuxt 3 快速入門系列第 18 篇

技術 [影片教學] Nuxt 3 Runtime Config & App Config

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-03

1 Like 0 留言 2545 瀏覽

鐵人賽 Vue.js DAY 18

Nuxt 3 實戰筆記系列第 18 篇

技術 [Day 18] Nuxt 3 自動產生連結縮圖 OG Image - SEO 搜尋引擎最佳化系列

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-03 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1353 瀏覽

鐵人賽 Vue.js DAY 18

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

技術我的 Vue.js 筆記(18) - 指令：v-for

前言看到 for 這個字樣，應該已經知道他在做啥了！沒錯，跑迴圈。在網頁畫面中常常會有清單資料，像是購物網的商品清單，或是 google 搜尋完的每一筆資...

imall ‧ 2023-10-03

1 Like 0 留言 2843 瀏覽

鐵人賽影片教學 DAY 17

Nuxt 3 快速入門系列第 17 篇

技術 [影片教學] Nuxt 3 使用 Pinia 進行狀態管理

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-02

1 Like 0 留言 2914 瀏覽

鐵人賽 Vue.js DAY 17

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

技術開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

上篇簡單介紹了圖片懶加載，那其實頁面（組件）也可以懶加載，因此本篇要介紹改進初始頁面加載的好方法也就是將我們的應用程式以較小的區塊加載，而不必在頁面加載時...

切版姐姐 ‧ 2023-10-02

0 Like 1 留言 3676 瀏覽

鐵人賽 Vue.js DAY 17

Nuxt 3 實戰筆記系列第 17 篇

技術 [Day 17] Nuxt 3 頁面載入效果 - 使用 NuxtLoadingIndicator 元件與實作自訂 Loading 元件

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-02 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1159 瀏覽

鐵人賽 Vue.js DAY 17

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

技術我的 Vue.js 筆記(17) - 指令：v-if 、v-else-if、v-else、 v-show

前言如果你知道程式的 if 、else if 、 else 的操作方式，那麼這篇文章的內容應該很容易理解 if (布林值) { // 一些邏輯操作 }...

imall ‧ 2023-10-02

2 Like 0 留言 2480 瀏覽

鐵人賽 Vue.js DAY 16

Nuxt 3 實戰筆記系列第 16 篇

技術 [Day 16] Nuxt 3 最佳管理 Meta Tag 的方式 - 使用 useSeoMeta 與 useServerSeoMeta

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-01 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 785 瀏覽

鐵人賽影片教學 DAY 16

Nuxt 3 快速入門系列第 16 篇

技術 [影片教學] Nuxt 3 狀態管理 (State Management)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-01

0 Like 0 留言 1199 瀏覽

鐵人賽 Vue.js DAY 16

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

技術我的 Vue.js 筆記(16) - 指令：v-model

前言我們已經知道使用雙大括號，可以把資料綁到模板上，並且在程式中操作資料時，綁定的資料也會跟著異動。不過有沒有一種可能，是要讓使用者操作畫面資料內容後，...

imall ‧ 2023-10-01

0 Like 0 留言 915 瀏覽

鐵人賽影片教學 DAY 15

Nuxt 3 快速入門系列第 15 篇

技術 [影片教學] Nuxt 3 資料獲取 (Data Fetching)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-30

1 Like 0 留言 4917 瀏覽

鐵人賽 Vue.js DAY 15

Nuxt 3 實戰筆記系列第 15 篇

技術 [Day 15] Nuxt 3 使用 useHead 動態設定 HTML Head 與 Meta Tag

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-30 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 823 瀏覽

鐵人賽 Vue.js DAY 15

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

技術我的 Vue.js 筆記(15) - 指令：v-on

前言今天來聊聊 Vue 中事件的寫法。基本語法如果你有看過怎麼在 HTML 寫事件，那你對於 Vue 提供的事件語法應該會很熟悉。 <div onc...

imall ‧ 2023-09-30

0 Like 0 留言 984 瀏覽

鐵人賽影片教學 DAY 14

Nuxt 3 快速入門系列第 14 篇

技術 [影片教學] Nuxt 3 渲染模式 (Rendering Modes)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-29

1 Like 1 留言 5176 瀏覽

鐵人賽 Vue.js DAY 14

Nuxt 3 實戰筆記系列第 14 篇

技術 [Day 14] Nuxt 3 最佳化圖片動態調整請求控制圖片大小 - Nuxt Image

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-29 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 818 瀏覽

鐵人賽 Vue.js DAY 14

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

技術我的 Vue.js 筆記(14) - 指令：v-bind

前言今天來講 v-bind ，一個用來在 HTML 屬性綁資料的指令。我們已經知道雙大括號的語法可以把「變數」綁在模板內，不過這個語法並不適用於 HTML...

imall ‧ 2023-09-29

1 Like 0 留言 1122 瀏覽

鐵人賽影片教學 DAY 13

Nuxt 3 快速入門系列第 13 篇

技術 [影片教學] Nuxt 3 Server API

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-28

0 Like 0 留言 4938 瀏覽

鐵人賽 Vue.js DAY 13

Nuxt 3 實戰筆記系列第 13 篇

技術 [Day 13] Nuxt 3 使用路由中間件（Middleware）實作身份驗證與實作技巧

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-28 ‧團隊啾嚕咕嚕跳起來

0 Like 3 留言 1284 瀏覽

鐵人賽 Vue.js DAY 30

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

技術 DAY 30 - <鐵人完賽> 回顧 30 Days 學習歷程

DAY 30 - <鐵人完賽感言> 回顧 30 Days 學習歷程 DAY 30 完結篇，在抓篇章結果沒有預估好，Nuxt 果然寫不完 XD光是...

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

0 Like 0 留言 4246 瀏覽

鐵人賽 Vue.js DAY 28

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

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

DAY 28 - Nuxt 使用 useFetch 串接 API 前言延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...

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

1 Like 0 留言 1966 瀏覽

鐵人賽 Vue.js DAY 23

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

技術 DAY 23 - Nuxt 將 component、page 、layout 整合，嘗試寫一個模板

DAY 23 - Nuxt 將 component、page 、layout 整合，嘗試寫一個模板驗收學習成果再這篇我們會試著整合前面所學的，將 app...

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

0 Like 0 留言 639 瀏覽

鐵人賽 Vue.js DAY 13

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

技術我的 Vue.js 筆記(13) - 指令

指令介紹開始進入指令的章節，先前有提到，在 Vue 中，只要看到 v- 開頭的東西，就是指令。指令的用途很多，例如：資料綁定、事件綁定、條件判斷、迴圈等等。...

imall ‧ 2023-09-28

0 Like 0 留言 1197 瀏覽

鐵人賽 Vue.js DAY 12

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

技術開箱12:語音轉文字不專業版～SpeechRecognition範例應用

Web Speech API 可讓您將語音資料合併到 Web 應用程式中。分兩個功能：(Speech Synthesis)語音合成（文字轉語音）和(Speech...

切版姐姐 ‧ 2023-09-27

0 Like 0 留言 1089 瀏覽

鐵人賽影片教學 DAY 12

Nuxt 3 快速入門系列第 12 篇

技術 [影片教學] Nuxt 3 路由中間件 (Route Middleware)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-27

0 Like 0 留言 1823 瀏覽

鐵人賽 Vue.js DAY 12

Nuxt 3 實戰筆記系列第 12 篇

技術 [Day 12] Nuxt 3 使用插件 (Plugin) 整合載入第三方套件 - 導入支援 Vue 3 的套件或插件

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-27 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 903 瀏覽

鐵人賽 Vue.js DAY 12

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

技術我的 Vue.js 筆記(12) - watched 監聽器

前言今天來補完 Vue 資料加工的最後一塊拼圖，監聽器。在 computed 的內容中有提到，如果在 computed 寫 set 語法，不要寫出有副作用的...

imall ‧ 2023-09-27

0 Like 0 留言 2478 瀏覽

鐵人賽 Vue.js DAY 11

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

技術開箱11:文字轉語音不專業版～Speech Synthesis範例應用

本篇開箱Web Speech API提供了瀏覽器內建的文字轉語音功能。大家應該用過Google的語音功能吧？其實我們可以透過Web Speech API就...

切版姐姐 ‧ 2023-09-26

技術 [Day 19] Nuxt 3 自動產生 Sitemap 網站地圖 - SEO 搜尋引擎最佳化系列

技術 我的 Vue.js 筆記(19) - 認識元件、Vue 的單一元件檔案 SFC

技術 開箱18:圖片/元件懶加載～vue3 + IntersectionObserver API範例應用

技術 [影片教學] Nuxt 3 Runtime Config & App Config

技術 [Day 18] Nuxt 3 自動產生連結縮圖 OG Image - SEO 搜尋引擎最佳化系列

技術 我的 Vue.js 筆記(18) - 指令：v-for

技術 [影片教學] Nuxt 3 使用 Pinia 進行狀態管理

技術 開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

技術 [Day 17] Nuxt 3 頁面載入效果 - 使用 NuxtLoadingIndicator 元件與實作自訂 Loading 元件

技術 我的 Vue.js 筆記(17) - 指令：v-if 、v-else-if、v-else、 v-show

技術 [Day 16] Nuxt 3 最佳管理 Meta Tag 的方式 - 使用 useSeoMeta 與 useServerSeoMeta

技術 [影片教學] Nuxt 3 狀態管理 (State Management)

技術 我的 Vue.js 筆記(16) - 指令：v-model

技術 [影片教學] Nuxt 3 資料獲取 (Data Fetching)

技術 [Day 15] Nuxt 3 使用 useHead 動態設定 HTML Head 與 Meta Tag

技術 我的 Vue.js 筆記(15) - 指令：v-on

技術 [影片教學] Nuxt 3 渲染模式 (Rendering Modes)

技術 [Day 14] Nuxt 3 最佳化圖片 動態調整請求控制圖片大小 - Nuxt Image

技術 我的 Vue.js 筆記(14) - 指令：v-bind

技術 [影片教學] Nuxt 3 Server API

技術 [Day 13] Nuxt 3 使用路由中間件（Middleware）實作身份驗證與實作技巧

技術 DAY 30 - <鐵人完賽> 回顧 30 Days 學習歷程

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

技術 DAY 23 - Nuxt 將 component、page 、layout 整合，嘗試寫一個模板

技術 我的 Vue.js 筆記(13) - 指令

技術 開箱12:語音轉文字不專業版～SpeechRecognition範例應用

技術 [影片教學] Nuxt 3 路由中間件 (Route Middleware)

技術 [Day 12] Nuxt 3 使用插件 (Plugin) 整合載入第三方套件 - 導入支援 Vue 3 的套件或插件

技術 我的 Vue.js 筆記(12) - watched 監聽器

技術 開箱11:文字轉語音不專業版～Speech Synthesis範例應用

標記使用者

技術我的 Vue.js 筆記(19) - 認識元件、Vue 的單一元件檔案 SFC

技術開箱18:圖片/元件懶加載～vue3 + IntersectionObserver API範例應用

技術我的 Vue.js 筆記(18) - 指令：v-for

技術開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

技術我的 Vue.js 筆記(17) - 指令：v-if 、v-else-if、v-else、 v-show

技術我的 Vue.js 筆記(16) - 指令：v-model

技術我的 Vue.js 筆記(15) - 指令：v-on

技術 [Day 14] Nuxt 3 最佳化圖片動態調整請求控制圖片大小 - Nuxt Image

技術我的 Vue.js 筆記(14) - 指令：v-bind

技術我的 Vue.js 筆記(13) - 指令

技術開箱12:語音轉文字不專業版～SpeechRecognition範例應用

技術我的 Vue.js 筆記(12) - watched 監聽器

技術開箱11:文字轉語音不專業版～Speech Synthesis範例應用