iT邦幫忙

切版姐姐
iT邦新手 2 級 ‧ 點數 1046
10841
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

Vue3歡樂套件箱耶 系列

本系列分享多種實務上常用套件，介紹其使用方法及時機，讓讀者使用該工具加速開發流程。

鐵人鍊成 ｜ 共 30 篇文章 ｜ 12 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 281 瀏覽
DAY 1

開箱1:Vue3套件歡樂箱耶_參賽前言

系列總回顧 https://ithelp.ithome.com.tw/articles/10339831 睽違兩年姐姐再度登場拉！看到很多前輩說每年都不想參...

2023-09-16 ‧ 由 切版姐姐 分享
0 Like 0 留言 562 瀏覽
DAY 2

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

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

2023-09-17 ‧ 由 切版姐姐 分享
0 Like 0 留言 424 瀏覽
DAY 3

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

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

2023-09-18 ‧ 由 切版姐姐 分享
0 Like 0 留言 889 瀏覽
DAY 4

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

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

2023-09-19 ‧ 由 切版姐姐 分享
0 Like 0 留言 362 瀏覽
DAY 5

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

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

2023-09-20 ‧ 由 切版姐姐 分享
0 Like 0 留言 216 瀏覽
DAY 6

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

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

2023-09-21 ‧ 由 切版姐姐 分享
1 Like 0 留言 492 瀏覽
DAY 7

開箱7:偵測元素寬度～useResizeObserver範例應用

本篇開箱是VueUse中的useResizeObserver方法，簡單就能取元素的寬高 昨篇介紹的是針對整個螢幕的寬高去做偵測，但是如果今天的需求是當某一個...

2023-09-22 ‧ 由 切版姐姐 分享
0 Like 0 留言 384 瀏覽
DAY 8

開箱8:RWD斷點設計大公開~TailwindCSS設定範例

本篇開箱是TailwindCSS預覽工具以及針對Tailwind CSS斷點設定擋調整 由於前兩篇是介紹WindowResize時要抓取的一些行為，這需求都...

2023-09-23 ‧ 由 切版姐姐 分享
0 Like 0 留言 288 瀏覽
DAY 9

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

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

2023-09-24 ‧ 由 切版姐姐 分享
0 Like 0 留言 271 瀏覽
DAY 10

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

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

2023-09-25 ‧ 由 切版姐姐 分享
切版姐姐的鐵人檔案
切版姐姐的收藏
切版姐姐的追蹤
切版姐姐的Like
切版姐姐的紀錄
切版姐姐的訂閱列表