iT邦幫忙

vue學習筆記相關文章
共有 365 則文章
鐵人賽 JavaScript DAY 1

技術 D-01 目錄簡介

先來做一點自我介紹吧,我是白色的白,有一個交往十年以上,並且論及婚嫁的日本女友叫做程世社季子,嗯…怎麼說好呢,自從隔壁的鱈魚介紹 VueUse 給她認識後,她...

技術 Day30 - 攻頂之旅:PrimeVue 全元件掌握與未來展望

經歷了30天挑戰與探索,終於成功地掌握了 PrimeVue 的所有核心元件! reach the summit攻頂 這場 PrimeVue 之旅不僅讓我們熟...

技術 Day29 - Timeline 時間線

歡迎來到倒數第2天.. Actions speak louder than words.坐而言不如起而行。 / 行動勝於言語。 PrimeVue 提供了Ti...

技術 Day28 - OverlayPanel 彈出面板

快要登頂了... 千萬別放棄! Where there’s a will, there’s a way.有志者事竟成。 倒數2天,就可以完成 30篇~今日要...

技術 Day27 - ProgressBar 進度條

很開心,已經堅持第27天... Experience is the mother of wisdom.經驗為智慧之母。/ 不經一事,不長一智。 PrimeV...

技術 Day26 - Tooltip 工具提示

Tooltip(工具提示)顯示一個簡短的文本提示,將滑鼠懸停在輸入框(InputText)上時,會彈出提示框。 Difficult circumstances...

技術 Day25 - Breadcrumb 麵包屑導航

Breadcrumb (麵包屑導航) 元件。它們展示了如何透過麵包屑來顯示網站的導航路徑。每段代碼展示了不同的方式來自定義麵包屑的顯示和行為。 The sho...

技術 Day24 - Tab 頁籤

Light tomorrow with today.用現在點亮未來。 今天的任務要做一個 Tab component,最主要作用為使用者可以在不同標籤間切換...

技術 Day23-Chart.js 圖表

Travel far enough you meet yourself.走得足夠遠,你就會遇上自己。 primeVue UI 套件真的很強大,也出 圖表Ch...

技術 Day22 -Accordion 手風琴

Make each day your masterpiece.讓每一天成為你的傑作。 Accordion 名為可折疊的面板,根據用戶的操作展開或折疊。 適用...

技術 Day21- Editor 編輯器

今天來做編輯器 Editor,PrimeVue 的 Editor 的組件,它是基於 Quill 編輯器構建的。Quill 是一個功能強大的富文本編輯器,支持多種...

技術 Day20-Carousel 輪撥圖

歡迎來到第20天,每天一點一滴努力,記錄自己的成長... You don’t have time to be timid.人生沒有時間膽怯。 一般網站適用組...

技術 Day19 上傳檔案 File Upload

You can’t be perfect but you can be unique.你不能十全十美,但你能獨一無二。 今天的學習中,我們將探討檔案上傳功能...

技術 Day18- Modal 彈窗視圖

Modal 就是"彈窗視圖"適用情境:顯示詳細信息、流程引導等等。 今日送給自己一句話~ Spend your life in your...

技術 Day17-watermark 浮水印(Primevue番外篇)

今日主題 primevue番外篇-控制浮水印。 PrimeVue並沒有 浮水印套件,浮水印利用別的套件呈現,利用primvue元件來控制字體大小和內容等。 這次...

技術 Day16- PickList 雙列表

今天要來做 PickList 元件,適用於場景資料分類和篩選、預約系統等。 元件庫要加點難度了... No cross, no crown.不經歷風雨,怎麼遇...

技術 Day15 -步驟條 Stepper

今日學習目標:步驟條(Stepper),是一個常用於引導用戶完成多步驟流程的組件。步驟條可以清晰地指示當前的進度,讓用戶了解自己處於哪一個步驟,提升用戶體驗。...

技術 Day14 - Toast 訊息提示

今日介紹 PrimeVue 的 Toast 組件實現這類即時通知。適用情境:當雙11等大促期間,網購平台的用戶點擊心儀的商品時,系統可以彈出提示訊息,提醒用戶商...

技術 Day13 - DataTable(3)-Expend Table

接續昨日表格部分,今天進行 DataTable(3) - Expand Table 的實作,進一步優化表格果,讓表格的每一列可以展開更多的資訊。 別忘了,今日心...

技術 Day12 - DataTable(2)-Default Table

今天進入 DataTable 系列的第二篇,這次要實作一個產品目錄表單,並進一步探討 PrimeVue DataTable 的排序 (sort) 和篩選 (fi...

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

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

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

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

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

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

技術 Day07 - 什麼是 slotProps?

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

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

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

技術 Day05- PrimeVue layout 佈局

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

技術 Day04 - Layout-Sidebar 側邊攔

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

技術 Day03 - 註冊PrimeVue

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

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

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

技術 Day01 - PrimeVue 簡介

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