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審核歷程
如果你常常在瀏覽網站，尤其是各大新聞網，一定會看到很多廣告版面佔據著網頁空間。 而這些空間基本上就是廣告商放置廣告的位置，位子在哪邊則是會因各種原因而有所變動。 基本上只要你的網站有正常的經營，不是毫無內容、過於重複、或是沒有原創性只是到處複製文章的農場文網站，都可以試著申請。…
vue 3 響應式狀態聲明
在vue2中我們使用data() {..}來傳遞數據，而在vue3中則有特殊的函數用來名響應式狀態 在vue3中會使用到ref()以及reactive()，這兩種函數來聲明…
vue3 computed, method
我們在學習vue的時候最常用到的就是computed,跟method這兩種語法，那麼這兩種的差異在哪裏？又是什麼時候適用呢？ 首先，這篇文章會以vue3的寫法為基礎，也就是composition API的寫法。對於一開始就接觸的我，覺得這樣的寫法反而滿親民(?)的。…
vue3 全選與取消功能實作
在網頁製作中可能會遇到需要全選、取消全選的情形。那麼該如何使用vue達成這個功能呢？ 現在很多網站例如電商、個人blog、sns等等都會出現這類型的基本功能： 當我們勾選全選，會讓所有選項都被圈選，而取消時所有選項都會一併取消勾選。同時如果一項一項地勾選項目直到所有都選取，也一樣會讓全選變成勾選的狀態。…