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

5 Like 1 留言 1224 瀏覽

技術住在阿公阿嬤家的孩子- Vue Slots

前言上禮拜跟老公聊天，聊到最近在研究slot，由於老公沒有學過前端技術，我突發奇想用住在阿公阿嬤家的孩子當解釋，他就聽懂了，覺得自己好棒棒XD但並沒有放在心上...

yenchenjulia ‧ 2024-07-16

2 Like 0 留言 471 瀏覽

技術 v-model 續集 (feat. computed)

想不到對我來說，v-model還有續集... 在vue pre3.4之前，defineModel還沒出現之前，要怎麼處理組件間的雙向綁定？目前我知道的有兩種方式...

Pam ‧ 2024-05-18

1 Like 0 留言 746 瀏覽

技術 v-model

看了一整天，問chatgpt好多個蠢問題之後，甚至還跟它談心了，"v-model真的看不懂怎麼辦...?"雙向綁定這樣的說法好像很炫，但我聽...

Pam ‧ 2024-04-19

0 Like 0 留言 521 瀏覽

技術 Navigation Guards 導航守衛

前言本來看了看以為自己懂了，用法也跟Lifecycle hooks差不多，覺得好像沒什麼好說的，打算跳過導航守衛，但今天一早起床，試著在腦海回想解釋給自己聽，...

yenchenjulia ‧ 2024-02-21

0 Like 0 留言 1071 瀏覽

技術 Life Cycle 生命週期 in composition API

前言生命週期的相關內容其實翻了蠻多次，但之前因為急著用，所以並沒有很靜下心來研究整個循環到底在做什麼，概念很模糊，同樣也是用得很沒安全感，今天年假放完第一...

yenchenjulia ‧ 2024-02-16

0 Like 0 留言 1426 瀏覽

技術 Vue學習筆記: v-model

前言我們終於完成打怪任務了，說長不長說短不短，這個月挺刺激的，就像坐上雲霄飛車般，心情跟著產出所遇到的種種狀況起落，沒方向時懷疑自己，有進度時暗自竊喜，卡關時...

yenchenjulia ‧ 2024-02-08

0 Like 1 留言 1134 瀏覽

技術 Vue3 Computed Properties & Watchers

前言這禮拜被這兩個搞得暈頭轉向，因為是有樣學樣，不是扎實的學術派，所以一開始我只會到處watch，但在向別人提問後，不只1人說你這應該用computed比較好...

yenchenjulia ‧ 2024-02-02

0 Like 0 留言 487 瀏覽

技術 Vue學習筆記: v-bind

前言由於剛接觸Vue3，大概在試圖理出頭緒的第三天意外接到任務，需要即戰力來應付，這兩個禮拜我的學習比較是有樣學樣，非從文件下手，起手式都是搜尋自己想要實作...

yenchenjulia ‧ 2024-01-19

1 Like 2 留言 530 瀏覽

鐵人賽 Vue.js DAY 30

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

技術 ><點閱率太差了!fine~以「收穫心態」來回顧吧!

今年系列相較過往，點閱率變好差...是不是寫得「不夠好」...每當看別人的成就或是文章時，都覺得「喔～好厲害喔」「自己好像差很遠」...從來都沒有欣賞過自己，做...

切版姐姐 ‧ 2023-10-15

0 Like 0 留言 911 瀏覽

鐵人賽 Vue.js DAY 26

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

技術開箱26:Vue 3 + Firebase Storage存儲服務簡單實作

本次要跟姊姊一起學習Vue 3 + Firebase Storage 上傳檔案功能 ▶ 如果您尚未建立專案／安裝 Firebase JS SDK 並初始化 F...

切版姐姐 ‧ 2023-10-11

0 Like 0 留言 926 瀏覽

鐵人賽 Vue.js DAY 25

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

技術開箱25:Vue 3 + Firebase Cloud Firestore 簡單CRUD功能

本次要跟姊姊一起學習Vue 3 + Firebase Firestore database CRUD功能 ▶ 如果您尚未建立專案／安裝 Firebase JS...

切版姐姐 ‧ 2023-10-10

0 Like 0 留言 1107 瀏覽

鐵人賽 Vue.js DAY 24

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

技術開箱24:Vue 3 ＋Firebase Authentication 信箱註冊登入登出

本次要跟姊姊一起學習Vue 3 + Firebase Authentication 信箱註冊登入登出功能 ▶ 如果您尚未建立專案／安裝 Firebase JS...

切版姐姐 ‧ 2023-10-09

0 Like 0 留言 988 瀏覽

鐵人賽 Vue.js DAY 23

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

技術開箱23:Vue 3 + 建立web應用程式＋Firebase JS SDK 初始化

本次要跟姊姊一起學習Vue 3 + Firebase 實現一些功能，只是本篇只是先介紹事前準備，下篇才會進去實作如果您尚未建立專案及安裝 Firebase...

切版姐姐 ‧ 2023-10-08

1 Like 0 留言 700 瀏覽

鐵人賽 Vue.js DAY 22

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

技術開箱22:效能優化?記憶化(Memoization)～Vue範例應用

在前端開發中，記憶化（Memoization）主要用於優化性能，特別是在需要頻繁計算或重新渲染的情況下。所以我們今天來認識一下在Vue中，有幾種方式可以實現Me...

切版姐姐 ‧ 2023-10-07

0 Like 0 留言 1049 瀏覽

鐵人賽 Vue.js DAY 21

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

技術開箱21:提示/彈出視窗元件輕鬆套！～Vue 3 Popper範例應用

還記得昨篇開箱:前端用戶導覽這樣做～v-onboarding範例應用，其中導覽的框是依賴PopperJS做出來的，那我們今天要介紹在Vue3中可以使用的視窗元件...

切版姐姐 ‧ 2023-10-06

0 Like 0 留言 520 瀏覽

鐵人賽 Vue.js DAY 20

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

技術開箱20:前端用戶導覽這樣做～v-onboarding範例應用

當我們第一次使用某網站時，有時候網站會跳出導覽指引（就是教你怎麼用？），這可稱作網頁導覽或者用戶導覽（User Tour）或者 Onboarding （是指使用...

切版姐姐 ‧ 2023-10-05

0 Like 0 留言 912 瀏覽

鐵人賽 Vue.js DAY 19

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

技術開箱19:所以Import是？陪我一起觀念釐清～

在轉寫框架時，用了很多import，可是卻不知道有區分靜態跟動態導入（dynamic import）？那動態載入跟框架裡面的用法有什麼關係？於是我將很多困惑交給...

切版姐姐 ‧ 2023-10-04

1 Like 0 留言 817 瀏覽

鐵人賽 Vue.js DAY 18

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

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

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

切版姐姐 ‧ 2023-10-03

1 Like 0 留言 1172 瀏覽

鐵人賽 Vue.js DAY 17

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

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

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

切版姐姐 ‧ 2023-10-02

0 Like 0 留言 1078 瀏覽

鐵人賽 Vue.js DAY 15

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

技術開箱15:輕鬆套用訊息通知UI～Vue 3 Toastify範例應用

Vue 3 Toastify是一個給Vue.js應用程式提供訊息通知功能的函式庫。它可以幫助您建立和顯示輕量級的訊息提示。介紹官網https://vue...

切版姐姐 ‧ 2023-09-30

0 Like 0 留言 1124 瀏覽

鐵人賽 Vue.js DAY 14

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

技術開箱14:前端圖片壓縮～Compressor.js範例應用

要使用圖片壓縮工具來處理網頁時，一種是打包後處理圖片，像是Webpack 插件image-webpack-loader ，另一種則是幫助您在瀏覽器中進行圖片壓縮...

切版姐姐 ‧ 2023-09-29

0 Like 0 留言 2275 瀏覽

鐵人賽 Vue.js DAY 13

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

技術開箱13:圖片轉文字不專業版～Tesseract.js範例應用

本篇開箱Tesseract.js是能圖像中取得文字的工具介紹 Tesseract.js 是一個 JavaScript 函式庫，它是基於 Google 的...

切版姐姐 ‧ 2023-09-28

0 Like 0 留言 681 瀏覽

鐵人賽 Vue.js DAY 12

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

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

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

切版姐姐 ‧ 2023-09-27

0 Like 0 留言 544 瀏覽

鐵人賽 Vue.js DAY 10

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

技術開箱10:自適應高度TextArea～resize-textarea-vue3範例應用

本篇介紹根據內容自動更新文字區域的高度的工具resize-textarea-vue3 <input>只能輸入單行，而<textarea&g...

切版姐姐 ‧ 2023-09-25

0 Like 0 留言 561 瀏覽

鐵人賽 Vue.js DAY 9

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

技術開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用

本篇開箱的是vue-ellipsis-3，是一款簡單上手就能實現的文字縮略元件。相信大家在網頁功能上一定會碰到這個需求，超過某個寬度時要出現...省略號（...

切版姐姐 ‧ 2023-09-24

0 Like 0 留言 422 瀏覽

鐵人賽 Vue.js DAY 6

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

技術開箱6:偵測螢幕寬度～useWindowSize範例應用

本篇開箱的是VueUse中的useWindowSize方法，簡單就能取得目前螢幕的寬高介紹 VueUse 是一個基於Vue.js 的開源函式庫，主要是以...

切版姐姐 ‧ 2023-09-21

0 Like 0 留言 611 瀏覽

鐵人賽 Vue.js DAY 5

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

技術開箱5:輕量視窗follow me～VueFinalModal範例應用

本篇開箱的是Vue Final Modal 4，簡單應用就能有modal視窗 ▲ 示意圖介紹 Vue Final Modal 是一個輕量、無渲染、對行動裝...

切版姐姐 ‧ 2023-09-20

0 Like 0 留言 1696 瀏覽

鐵人賽 Vue.js DAY 4

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

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

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

切版姐姐 ‧ 2023-09-19

0 Like 0 留言 747 瀏覽

鐵人賽 Vue.js DAY 3

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

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

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

切版姐姐 ‧ 2023-09-18

0 Like 0 留言 1350 瀏覽

鐵人賽 Vue.js DAY 2

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

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

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

切版姐姐 ‧ 2023-09-17

技術 住在阿公阿嬤家的孩子- Vue Slots

技術 v-model 續集 (feat. computed)

技術 v-model

技術 Navigation Guards 導航守衛

技術 Life Cycle 生命週期 in composition API

技術 Vue學習筆記: v-model

技術 Vue3 Computed Properties & Watchers

技術 Vue學習筆記: v-bind

技術 ><點閱率太差了!fine~以「收穫心態」來回顧吧!

技術 開箱26:Vue 3 + Firebase Storage存儲服務簡單實作

技術 開箱25:Vue 3 + Firebase Cloud Firestore 簡單CRUD功能

技術 開箱24:Vue 3 ＋Firebase Authentication 信箱註冊登入登出

技術 開箱23:Vue 3 + 建立web應用程式＋Firebase JS SDK 初始化

技術 開箱22:效能優化?記憶化(Memoization)～Vue範例應用

技術 開箱21:提示/彈出視窗元件輕鬆套！～Vue 3 Popper範例應用

技術 開箱20:前端用戶導覽這樣做～v-onboarding範例應用

技術 開箱19:所以Import是？陪我一起觀念釐清～

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

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

技術 開箱15:輕鬆套用訊息通知UI～Vue 3 Toastify範例應用

技術 開箱14:前端圖片壓縮～Compressor.js範例應用

技術 開箱13:圖片轉文字不專業版～Tesseract.js範例應用

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

技術 開箱10:自適應高度TextArea～resize-textarea-vue3範例應用

技術 開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用

技術 開箱6:偵測螢幕寬度～useWindowSize範例應用

技術 開箱5:輕量視窗follow me～VueFinalModal範例應用

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

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

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

標記使用者