2023.09.11
分類:Vue

Vue3 使用 watch 監聽路由變化,支援瀏覽器的上一頁 / 下一頁按鈕切換

如果選單有使用類似 active 的 class 設定樣式,那麼用瀏覽器的「上一頁」,「下一頁」功能時,該怎麼...
2023.08.10
分類:React

用富果股市 API 打造自己的股票小特助(3):客製化我的 Material UI (MUI) 設定

文章目錄 確定要使用 Material UI (以下簡稱 MUI) 當作我這次的 UI Tools 後,我第一...
2023.07.27
分類:React

用富果股市 API 打造自己的股票小特助(2):建構 React 與安裝套件

文章目錄 安裝 React 框架 Vite 與 TypeScript 首先,我們建立一個專案:stock-as...
2023.07.26
分類:React

用富果股市 API 打造自己的股票小特助(1):前言與工具選擇

前言 其實我想做這個 Side Project 很久了,尤其是近兩年,我一直想藉著參加 iThome 鐵人挑戰...
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> 可以製作跑馬燈,但因為靈活性不夠,且該標籤一直未...
Copyright (C) MUKI space* / Reborn Theme All Rights Reserved.