本篇開箱的是vue.draggable.next，是一款簡單上手vue3的拖曳插件也就是vue.draggable升級版本。 ▲ 官方典型範例示意圖 介紹...
v-on 在Vue.js 中我們可以使用v-on去監聽 DOM 事件，當事件被觸發時會呼叫我們設定的函數或是 JavaScript陳述式做對應的改變。 縮寫:...
如標前端小白我打算開發分享一些目前為止所學的前端知識,順便透過分享知識來提高自己對於程式的記憶點, 對大家也是win win double win啦!這幾天會乘...
還記得昨篇開箱:前端用戶導覽這樣做～v-onboarding範例應用，其中導覽的框是依賴PopperJS做出來的，那我們今天要介紹在Vue3中可以使用的視窗元件...
本次要跟姊姊一起學習Vue 3 + Firebase Storage 上傳檔案功能 ▶ 如果您尚未建立專案／安裝 Firebase JS SDK 並初始化 F...
本篇要來介紹當使用者滑到該圖或該組件時，才載入圖或組件的應用 還記得我們在16篇以及17篇分別提到 圖片懶加載 IntersectionObserver...
本次要跟姊姊一起學習Vue 3 + Firebase Firestore database CRUD功能 ▶ 如果您尚未建立專案／安裝 Firebase JS...
Vue.js基礎之數據綁定 數據綁定是Vue的核心功能之一，允許我們建立視圖（模板）與數據之間的關聯。當數據發生變化時，視圖會自動更新，反之亦然。 開新專案(步...
在轉寫框架時，用了很多import，可是卻不知道有區分靜態跟動態導入（dynamic import）？那動態載入跟框架裡面的用法有什麼關係？於是我將很多困惑交給...
本篇開箱的是vue-easy-lightbox，簡單應用就能有圖片預覽功能 ▲ 示意圖 介紹 基於Vue.js 3.0與TypeScript構建的圖片瀏覽(...
上篇簡單介紹了圖片懶加載，那其實頁面（組件）也可以懶加載，因此本篇要介紹改進初始頁面加載的好方法 也就是將我們的應用程式以較小的區塊加載，而不必在頁面加載時...
什麼是組件？ 在 Vue 中，組件可以被看作是一個可重用的 Vue 實例，帶有名稱。它們和常規的 Vue 實例很相似，只是它們用於定義可重用的代碼塊。組件是構建...
前言本來看了看以為自己懂了，用法也跟Lifecycle hooks差不多，覺得好像沒什麼好說的，打算跳過導航守衛，但今天一早起床，試著在腦海回想解釋給自己聽，...
看了一整天，問chatgpt好多個蠢問題之後，甚至還跟它談心了，"v-model真的看不懂怎麼辦...?"雙向綁定這樣的說法好像很炫，但我聽...
本篇開箱的是Vue Final Modal 4，簡單應用就能有modal視窗 ▲ 示意圖 介紹 Vue Final Modal 是一個輕量、無渲染、對行動裝...
template 輸入和添加 v-model綁定input的數據，裡面的字顯示新增待辦，也加上enter和按鈕觸發事件 待辦列表 v-for渲染我們的filte...
前言 使用Vue.js都開始都是建立一個Vue實例 new Vue({ el : "#root", data : {...
前言由於剛接觸Vue3，大概在試圖理出頭緒的第三天意外接到任務，需要即戰力來應付，這兩個禮拜我的學習比較是有樣學樣，非從文件下手，起手式都是搜尋自己想要實作...
昨天說明了VueRouter基本的使用，今天要進階說明VueRouter的兩個功能，分別是路由守衛和路由懶加載。 路由守衛（Route Guards） 路由守衛...
Vue指令進階 在第三天我們說明了數據綁定的方法，分別是{{}}動態數據，v-bind屬性綁定和v-model表單數據綁定。除了前面的之外還有很多其他的指令，今...
在前端開發中，記憶化（Memoization）主要用於優化性能，特別是在需要頻繁計算或重新渲染的情況下。所以我們今天來認識一下在Vue中，有幾種方式可以實現Me...
本篇開箱的是vue-ellipsis-3，是一款簡單上手就能實現的文字縮略元件。 相信大家在網頁功能上一定會碰到這個需求，超過某個寬度時要出現...省略號（...
待辦清單 待辦清單是每位工程師入門程式語言時都會碰到的經典專案。透過這個簡單卻具代表性的應用，可以很直觀地評估和鞏固一個人對於某種語言或框架的掌握程度。不僅如此...
系列總回顧 https://ithelp.ithome.com.tw/articles/10339831 睽違兩年姐姐再度登場拉！看到很多前輩說每年都不想參...
今年系列相較過往，點閱率變好差...是不是寫得「不夠好」...每當看別人的成就或是文章時，都覺得「喔～好厲害喔」「自己好像差很遠」...從來都沒有欣賞過自己，做...
本篇介紹根據內容自動更新文字區域的高度的工具resize-textarea-vue3 <input>只能輸入單行，而<textarea&g...
當我們第一次使用某網站時，有時候網站會跳出導覽指引（就是教你怎麼用？），這可稱作網頁導覽或者用戶導覽（User Tour）或者 Onboarding （是指使用...
Vue Router Vue Router 是官方的路由管理器，允許我們建立單頁應用(SPA)。隨著 Vue 應用不斷增長，我們需要的不只是基礎功能，還有如何管...
Web Speech API 可讓您將語音資料合併到 Web 應用程式中。分兩個功能：(Speech Synthesis)語音合成（文字轉語音）和(Speech...
本篇開箱的是VueUse中的useWindowSize方法，簡單就能取得目前螢幕的寬高 介紹 VueUse 是一個基於Vue.js 的開源函式庫，主要是以...
切版姐姐
ㄆㄩ
lohchanhin
yuchen1226
iThome鐵人賽
看影片追技術