Vue3 依據商品標籤給定不同的class
寫到這邊在想我要不要也來個30天挑戰!? 一般我們看到電商的網頁，除了大大的標題、價格以外，可能還會多一些小標籤。例如海外直送、免運費、新品上市等等，如果我們想將類型性質的標籤很偷懶的使用一個v-for就貼上去，但又想要給他們一些不同的css作區別，該怎麼實現呢？ 使用框架：Vue3…
Explore, be curious.
Discover stories, thinking, and expertise from writers on any topic.
使用Vue3 完成電商產品篩選功能
最近在作小電商網站，有一頁打算放上所有商品，並用select製作篩選欄位，來記錄一下怎麼實踐以及我踩了哪些雷 框架：Vue3 composition…
使用vue3 自動判定日期
情境：我的專案有活動紀錄，格式為json，本來的網頁非常的土法煉鋼，還沒到來的活動日期就在上方，過期的活動在下方。有一天我突然懶惰了(?)希望可以自動抓取今天日期判斷是否過期 使用框架：vue 3…
input 寬度設置
遇到問題: 當input寬度設置100%的時候會超出父容器範圍 原因：input默認寬度是content+sizing+padding…
在手機端檢視vite專案
打開vite.config.js 配置server項 export…
使用vue實現選單隱藏功能
最近用蝦皮買東西發現有個功能滿喜歡的，在app上搜尋商品的時候只要開始往下滑動畫面，選單欄就會消失，但如果只要往上移動一些些，選單欄就會跑出來可以執行想要的操作 想了一下這個功能可以如何實現，以下是透過改變class的方式 框架：vue3…
在Vue中使用transition建立動畫
在Vue中，我們經常會使用v-show/v-if來決定網頁元素是否呈現。而在透過toggle或是按鈕觸發的時候又想要有動畫的呈現，該如何製作呢。 Vue官方提供<transition>這個元件讓我們可以處理網頁元件過渡與漸變的效果 <transition>…
google ads審核歷程
如果你常常在瀏覽網站，尤其是各大新聞網，一定會看到很多廣告版面佔據著網頁空間。 而這些空間基本上就是廣告商放置廣告的位置，位子在哪邊則是會因各種原因而有所變動。 基本上只要你的網站有正常的經營，不是毫無內容、過於重複、或是沒有原創性只是到處複製文章的農場文網站，都可以試著申請。…