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

0 Like 0 留言 400 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 2

深入探索PrimeVue 套件及元件寫法系列第 10 篇

技術 Day10 - Form系(3) Checkbox、Chips

今天是第10天的學習，讓我們繼續探索 PrimeVue 中的小元件。今天要探討的是 Checkbox 和 Chips，這兩個元件在用戶輸入和標籤管理中非常常用，...

artemiskate20240101 ‧ 2024-09-08

0 Like 0 留言 559 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 2

深入探索PrimeVue 套件及元件寫法系列第 9 篇

技術 Day09 - Form系(2) 選單系列 DropDown、Multitle

Victory won't come to me unless I go to it.勝利是不會向我們走來的，我必須自己走向勝利。在上一篇中，我們探討了表...

artemiskate20240101 ‧ 2024-09-08

0 Like 0 留言 337 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 2

深入探索PrimeVue 套件及元件寫法系列第 8 篇

技術 Day08- Forms(1)系列- Text-filed、switchButton

開始進入PrimeVue 元件撰寫，這次的目標是建立基本的表單元件。Form 表單是應用程式中最常見的互動介面之一，特別是在用戶輸入資料的情況下，例如註冊頁面、...

artemiskate20240101 ‧ 2024-09-08

0 Like 0 留言 362 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 2

深入探索PrimeVue 套件及元件寫法系列第 7 篇

技術 Day07 - 什麼是 slotProps?

Vue 的世界裡，插槽 (slot) 是一種非常強大的特性，允許父組件將內容傳遞到子組件的指定位置。 Inside of every problem lies...

artemiskate20240101 ‧ 2024-09-08

0 Like 0 留言 621 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 2

深入探索PrimeVue 套件及元件寫法系列第 6 篇

技術 Day06 - 什麼是Pass Through (pt)?

今天我們將探討 PrimeVue 強大的功能——Pass Through (PT)，專為解決組件客製化需求而設計。 Energy and persitant...

artemiskate20240101 ‧ 2024-09-08

0 Like 0 留言 450 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 1

深入探索PrimeVue 套件及元件寫法系列第 5 篇

技術 Day05- PrimeVue layout 佈局

恩，開始走400公尺了... It's up to you how far you'll go.能走多遠取決於你自己。在前天的學習中，已經熟悉了 Side...

artemiskate20240101 ‧ 2024-09-07

0 Like 0 留言 569 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 1

深入探索PrimeVue 套件及元件寫法系列第 4 篇

技術 Day04 - Layout-Sidebar 側邊攔

今天來做 sidebar 側邊攔，Layout 三大元素之一。先給自己一句心靈雞湯~ Believe that every step you take is...

artemiskate20240101 ‧ 2024-09-07

0 Like 0 留言 725 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 1

深入探索PrimeVue 套件及元件寫法系列第 3 篇

技術 Day03 - 註冊PrimeVue

歡迎，來到第三天，我們繼續推進吧！ The first step is as good as half over.第一步是最關鍵的一步。進入官網 prim...

artemiskate20240101 ‧ 2024-09-07

0 Like 0 留言 860 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 1

深入探索PrimeVue 套件及元件寫法系列第 2 篇

技術 Day02- PrimeVue 起手式-建置專案 project

今天，我們正式開始建置專案，這是登山的第一步！ Well begun is half done.好的開始是成功的一半! 主要架構前端框架：Vue.js語言：...

artemiskate20240101 ‧ 2024-09-07

0 Like 0 留言 1429 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 1

深入探索PrimeVue 套件及元件寫法系列第 1 篇

技術 Day01 - PrimeVue 簡介

前言大家好，我是阿米提斯目前專職寫 Vue 前端工程師。這次因為工作的關係，讓我有機會接觸到 PrimeVue UI套件，主要的任務是將專案中原本使用的...

artemiskate20240101 ‧ 2024-09-07

5 Like 1 留言 1384 瀏覽

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

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

yenchenjulia ‧ 2024-07-16

2 Like 0 留言 854 瀏覽

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

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

Pam ‧ 2024-05-18

1 Like 0 留言 901 瀏覽

技術 v-model

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

Pam ‧ 2024-04-19

0 Like 0 留言 626 瀏覽

技術 Navigation Guards 導航守衛

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

yenchenjulia ‧ 2024-02-21

0 Like 0 留言 1369 瀏覽

技術 Life Cycle 生命週期 in composition API

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

yenchenjulia ‧ 2024-02-16

0 Like 0 留言 1686 瀏覽

技術 Vue學習筆記: v-model

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

yenchenjulia ‧ 2024-02-08

0 Like 1 留言 1311 瀏覽

技術 Vue3 Computed Properties & Watchers

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

yenchenjulia ‧ 2024-02-02

0 Like 0 留言 772 瀏覽

技術 Vue學習筆記: v-bind

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

yenchenjulia ‧ 2024-01-19

1 Like 2 留言 1001 瀏覽

鐵人賽 Vue.js DAY 30

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

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

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

切版姐姐 ‧ 2023-10-15

0 Like 0 留言 1938 瀏覽

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

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

鐵人賽 Vue.js DAY 24

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

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

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

切版姐姐 ‧ 2023-10-09

0 Like 0 留言 1822 瀏覽

鐵人賽 Vue.js DAY 23

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

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

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

切版姐姐 ‧ 2023-10-08

1 Like 0 留言 1664 瀏覽

鐵人賽 Vue.js DAY 22

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

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

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

切版姐姐 ‧ 2023-10-07

0 Like 0 留言 1689 瀏覽

鐵人賽 Vue.js DAY 21

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

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

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

切版姐姐 ‧ 2023-10-06

0 Like 0 留言 1304 瀏覽

鐵人賽 Vue.js DAY 20

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

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

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

切版姐姐 ‧ 2023-10-05

0 Like 0 留言 1955 瀏覽

鐵人賽 Vue.js DAY 19

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

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

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

切版姐姐 ‧ 2023-10-04

1 Like 0 留言 1507 瀏覽

鐵人賽 Vue.js DAY 18

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

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

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

切版姐姐 ‧ 2023-10-03

1 Like 0 留言 2477 瀏覽

鐵人賽 Vue.js DAY 17

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

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

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

切版姐姐 ‧ 2023-10-02

0 Like 0 留言 1941 瀏覽

鐵人賽 Vue.js DAY 15

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

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

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

切版姐姐 ‧ 2023-09-30

技術 Day10 - Form系(3) Checkbox、Chips

技術 Day09 - Form系(2) 選單系列 DropDown、Multitle

技術 Day08- Forms(1)系列- Text-filed、switchButton

技術 Day07 - 什麼是 slotProps?

技術 Day06 - 什麼是Pass Through (pt)?

技術 Day05- PrimeVue layout 佈局

技術 Day04 - Layout-Sidebar 側邊攔

技術 Day03 - 註冊PrimeVue

技術 Day02- PrimeVue 起手式-建置專案 project

技術 Day01 - PrimeVue 簡介

技術 住在阿公阿嬤家的孩子- 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範例應用

標記使用者

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

技術開箱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範例應用