Explore, be curious.

Discover stories, thinking, and expertise from writers on any topic.

J J
CSS

Vue3 依據商品標籤給定不同的class

寫到這邊在想我要不要也來個30天挑戰!? 一般我們看到電商的網頁,除了大大的標題、價格以外,可能還會多一些小標籤。例如海外直送、免運費、新品上市等等,如果我們想將類型性質的標籤很偷懶的使用一個v-for就貼上去,但又想要給他們一些不同的css作區別,該怎麼實現呢? 使用框架:Vue3…

J J
JAVASCRIPT

使用vue3 自動判定日期

情境:我的專案有活動紀錄,格式為json,本來的網頁非常的土法煉鋼,還沒到來的活動日期就在上方,過期的活動在下方。有一天我突然懶惰了(?)希望可以自動抓取今天日期判斷是否過期 使用框架:vue 3…

J J
CSS

input 寬度設置

遇到問題: 當input寬度設置100%的時候會超出父容器範圍 原因:input默認寬度是content+sizing+padding…

J J

使用vue實現選單隱藏功能

最近用蝦皮買東西發現有個功能滿喜歡的,在app上搜尋商品的時候只要開始往下滑動畫面,選單欄就會消失,但如果只要往上移動一些些,選單欄就會跑出來可以執行想要的操作 想了一下這個功能可以如何實現,以下是透過改變class的方式 框架:vue3…

J J
CSS

在Vue中使用transition建立動畫

在Vue中,我們經常會使用v-show/v-if來決定網頁元素是否呈現。而在透過toggle或是按鈕觸發的時候又想要有動畫的呈現,該如何製作呢。 Vue官方提供<transition>這個元件讓我們可以處理網頁元件過渡與漸變的效果 <transition>…

J J
NOTE

google ads審核歷程

如果你常常在瀏覽網站,尤其是各大新聞網,一定會看到很多廣告版面佔據著網頁空間。 而這些空間基本上就是廣告商放置廣告的位置,位子在哪邊則是會因各種原因而有所變動。 基本上只要你的網站有正常的經營,不是毫無內容、過於重複、或是沒有原創性只是到處複製文章的農場文網站,都可以試著申請。…