在Vue中使用transition建立動畫
在Vue中，我們經常會使用v-show/v-if來決定網頁元素是否呈現。而在透過toggle或是按鈕觸發的時候又想要有動畫的呈現，該如何製作呢。 Vue官方提供<transition>這個元件讓我們可以處理網頁元件過渡與漸變的效果 <transition>…
Explore, be curious.
Discover stories, thinking, and expertise from writers on any topic.
google ads審核歷程
如果你常常在瀏覽網站，尤其是各大新聞網，一定會看到很多廣告版面佔據著網頁空間。 而這些空間基本上就是廣告商放置廣告的位置，位子在哪邊則是會因各種原因而有所變動。 基本上只要你的網站有正常的經營，不是毫無內容、過於重複、或是沒有原創性只是到處複製文章的農場文網站，都可以試著申請。…
vue 3 響應式狀態聲明
在vue2中我們使用data() {..}來傳遞數據，而在vue3中則有特殊的函數用來名響應式狀態 在vue3中會使用到ref()以及reactive()，這兩種函數來聲明…
vue3 computed, method
我們在學習vue的時候最常用到的就是computed,跟method這兩種語法，那麼這兩種的差異在哪裏？又是什麼時候適用呢？ 首先，這篇文章會以vue3的寫法為基礎，也就是composition API的寫法。對於一開始就接觸的我，覺得這樣的寫法反而滿親民(?)的。…
vue3 全選與取消功能實作
在網頁製作中可能會遇到需要全選、取消全選的情形。那麼該如何使用vue達成這個功能呢？ 現在很多網站例如電商、個人blog、sns等等都會出現這類型的基本功能： 當我們勾選全選，會讓所有選項都被圈選，而取消時所有選項都會一併取消勾選。同時如果一項一項地勾選項目直到所有都選取，也一樣會讓全選變成勾選的狀態。…
VUE3中使用router傳遞參數
最基礎使用router的方式就是來傳遞不同的頁面，不過router同時也具有傳遞參數的功能，這篇文章整理了如何怎麼傳遞參數以及設置方式。 在使用vue router時，最基礎的設置方法如下…
vue3 - json檔案的字串處理
在json文件中偶爾會遇到字串內建換行符號，例如\n，這時候有幾種方式可以在模板中直接讓顯示的文字跟著換行 //json {…
CSS筆記-常用的單位與定位
我們在設計網頁版面的時候會用到好幾種單位，這篇就彙整了css中常用的單位，同時也解惑了em與rem的差別，還有為什麼%有時候無法生效。 在文字部分常用的有以下幾種 我們常常聽到照片，螢幕解析度是多少px…