所有文章列表
2023.07.04
分類:高效工具

善用 Notion 行事曆,一次規劃行程與待辦事項

Notion 的行事曆介紹 Notion 的資料呈現方式,一直是他很大的亮點,當初我也是因為這個亮點而選用。不...
2023.06.30

陸劇 閃耀的她 觀後心得

當初是因為秦嵐跟王陽的 CP 所以看這部劇的,劇中秦嵐又是飾演女強人,感覺這已經是他的舒適圈了,演起來駕輕就熟...
2023.06.26
分類:HTML / CSS

透過 img object-fit 屬性取代 CSS 的 background 語法,輕鬆實現圖片背景的效果

object-fit 介紹 在網頁開發中,我們常常需要在背景中加入圖片來增添美感或呈現特定風格。以往,我們通常...
2023.06.08
分類:Vue

在 Vite 專案中按需引入檔案,並自訂 chunk 分割代碼

關於按須引入檔案這個功能,我前前後後卡了很久,都是在專案開發的閒暇之餘研究,因為公司大多是以後台開發為主,比較...
2023.05.09
分類:Vue

用 v-html 來載入語系檔案的缺點與解決方案

發生的情境 ▼ 假設今天有一段內容如下,需要在網站上換行顯示,同時要支援多語系: 用 v-html 的寫法 ▼...
2023.04.25
分類:Vue

Vue 父元件傳遞 API 資料給子元件

Vue 的父子元件可以傳值,這點沒問題。如果今天我想傳遞的不是立即性的資料,那在 onMounted 時渲染資...
2023.04.13
分類:HTML / CSS

用 CSS 製作垂直滾動的跑馬燈

古早古早以前,HTML 有一個標籤 <marquee> 可以製作跑馬燈,但因為靈活性不夠,且該標籤...
2023.03.10
分類:React

用 React Hook 規劃路由

開始學習 React 的第一步,就是在路由上栽了個跟頭 XD。 相較於 Vue,React 要自己處理的東西比...
2023.02.17
分類:Vue

使用 Vue 自定義指令(custom directive)製作網站權限

我們常用的 v-on, v-model... 等 v-* 的語法,都是屬於 Vue 的指令,但大家有想過,我們...