[筆記] TypeScript enum 列舉搭配 Vue3 使用的注意事項
列舉 enum 是 TypeScript 提供的一樣好用功能,他可幫助開發者在需要指定特定類型時給予協助 ( 不然你就只能寫 string,然後期望其他開發者可 Read More …
[筆記] Not By AI 徽章 – 告知讀者你的內容是人類寫的
有鑑於 2022 年年末開始 AI 生成資源的浪潮興起,人們很難分別出你的內容是原創還是 AI 生成。這對 AI 的發展而言並不是件好事情,畢竟 AI 的訓練材 Read More …
[筆記] Tailwind css – 含 RWD 的三欄式卡片製作
從 Tailwind CSS 問世以來,也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 實作一個三欄式卡片製作。 內容 1. 三欄時的寬 Read More …
[筆記] Element UI 的 El-form 之多列布局
Element UI 的 el-form 已有多種表格常用的函式和樣式,不過在排版上就略顯貧乏。實際上搭配 el-row, el-col 兩者就可以跑出單行多列 Read More …
[筆記] Tailwind css – 留言按鈕實作
從 Tailwind CSS 問世以來,也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 實作一個留言按鈕。 內容 1. 撰寫時可以先憑經 Read More …
[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例
對 Element-Plus 的套件進行二次封裝後,撰寫 Unit Test 來讓元件的可靠性提昇是個不錯的作法。這邊筆記下撰寫封裝第三方套件的 Unit Te Read More …
[筆記] 網頁前端工程師需有的 Dockerignore 基礎知識
與 .gitignore 的功能相似但概念有點不同的 .dockerignore,這邊筆記一下常見的排除檔案和理由。 內容 dockerfile 在 COPY Read More …
[筆記] Tailwind css – Dark Mode 深色模式
從 Tailwind CSS 問世以來,也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 如何呈現 dark mode。 內容 1. 設定 Read More …
[筆記] docker-compose 啟動特定容器
若要在一個 docker-compose 中起容器,達成「僅開啟特定容器」的效果時,可以透過 profiles 來達成。這邊筆記一下寫法和注意事項。 內容 1. Read More …

![[食記] 印尼峇里島 Made’s Warung Seminyak [食記] 印尼峇里島 Made’s Warung Seminyak](https://smlpoints.com/wp-content/uploads/food-indonesia-bali-mades-warung-seminyak-1.jpg)
![[食記] 發起人肉骨茶 新加坡 Founder Bak Kut Teh Singapore [食記] 發起人肉骨茶 新加坡 Founder Bak Kut Teh Singapore](https://smlpoints.com/wp-content/uploads/food-founder-bak-kut-teh-singapore-1.jpg)
![[食記] 日本 仙台 善治郎 牛舌 初體驗 [食記] 日本 仙台 善治郎 牛舌 初體驗](https://smlpoints.com/wp-content/uploads/food-sendai-japan-gyutan-experience-1-rotated-e1713840509657.jpg)
![[食記] 高雄洲際酒店 BL.T33 期間限定下午茶 VWI by CHADWANG [食記] 高雄洲際酒店 BL.T33 期間限定下午茶 VWI by CHADWANG](https://smlpoints.com/wp-content/uploads/food-kaohsiung-inter-continental-bl-t33-vwi-by-chadwang-1.jpg)
![[食記] Alma Spanish Restaurant 台北市大安區西班牙餐廳 [食記] Alma Spanish Restaurant 台北市大安區西班牙餐廳](https://smlpoints.com/wp-content/uploads/food-alma-spanish-restaurant-1.jpg)
![[住宿] Hilton Saigon 希爾頓越南胡志明市 [住宿] Hilton Saigon 希爾頓越南胡志明市](https://smlpoints.com/wp-content/uploads/hotel-hilton-saigon-vietnam-3.jpg)
![[住宿] Comfort Hotel 東日本橋 Higashi Nihonbashi [住宿] Comfort Hotel 東日本橋 Higashi Nihonbashi](https://smlpoints.com/wp-content/uploads/hotel-comfort-hotel-higashi-nihonbashi-2.jpg)
![[住宿] 柬埔寨 金邊 萬怡 Courtyard Phnom Penh [住宿] 柬埔寨 金邊 萬怡 Courtyard Phnom Penh](https://smlpoints.com/wp-content/uploads/hotel-courtyard-phnom-penh-1.jpg)
![[住宿] 馬來西亞 馬六甲 萬怡 Courtyard Melaka [住宿] 馬來西亞 馬六甲 萬怡 Courtyard Melaka](https://smlpoints.com/wp-content/uploads/hotel-courtyard-melaka-malaysia-1.jpg)
![[住宿] 九州 大分 由布院 湯布院 おやど 花の湯 [住宿] 九州 大分 由布院 湯布院 おやど 花の湯](https://smlpoints.com/wp-content/uploads/hotel-kyushu-ooita-kenyufuin-oyado-hananoyu-1.jpg)
![[飛行] BR226 長榮航空商務艙 ( KUL 馬來西亞吉隆坡 – TPE 台灣桃園 ) [飛行] BR226 長榮航空商務艙 ( KUL 馬來西亞吉隆坡 – TPE 台灣桃園 )](https://smlpoints.com/wp-content/uploads/flights-br-226-kul-tpe-eva-airways-business-class-1.jpg)
![[飛行] SQ949 新加坡航空商務艙 ( DPS 印尼峇里島 – SIN 新加坡 ) [飛行] SQ949 新加坡航空商務艙 ( DPS 印尼峇里島 – SIN 新加坡 )](https://smlpoints.com/wp-content/uploads/flights-sq-949-dps-sin-singapore-airlines-business-class-3.jpg)
![[飛行] SQ944 新加坡航空商務艙 ( SIN 新加坡 – DPS 印尼峇里島 ) [飛行] SQ944 新加坡航空商務艙 ( SIN 新加坡 – DPS 印尼峇里島 )](https://smlpoints.com/wp-content/uploads/sq-878-singapore-business-class-sin-tpe-10.jpg)
![[飛行] BR 225 長榮航空商務艙 ( TPE 台灣桃園 – SIN 新加坡 ) [飛行] BR 225 長榮航空商務艙 ( TPE 台灣桃園 – SIN 新加坡 )](https://smlpoints.com/wp-content/uploads/flights-br225-tpe-sin-eva-airways-business-class-1.jpg)
![[飛行] CI 753 中華航空經濟艙 ( TPE 台灣桃園 – SIN 新加坡 ) [飛行] CI 753 中華航空經濟艙 ( TPE 台灣桃園 – SIN 新加坡 )](https://smlpoints.com/wp-content/uploads/flights-ci753-tpe-sin-china-airlines-economy-class-1.jpg)
![[書籍分享] 拒絕失衡的情緒勞動 [書籍分享] 拒絕失衡的情緒勞動](https://smlpoints.com/wp-content/uploads/fed-up-emotional-labor-women-and-the-way-forward-1.jpg)
![[書籍] 我可能錯了 [書籍] 我可能錯了](https://smlpoints.com/wp-content/uploads/jag-kan-ha-fel-och-andra-visdomar-fran-mitt-liv-som-buddhistmunk-1.jpeg)
![[閱讀] 人生4千個禮拜 [閱讀] 人生4千個禮拜](https://smlpoints.com/wp-content/uploads/reading-four-thousand-weeks-time-management-for-mortals-1.jpeg)
![[閱讀] 人生實用商學院 – 富有是一種選擇 [閱讀] 人生實用商學院 – 富有是一種選擇](https://smlpoints.com/wp-content/uploads/be-wealthy-is-a-life-choice-1.jpeg)
![[閱讀] 不被投資綁住的樂活生活理財族 [閱讀] 不被投資綁住的樂活生活理財族](https://smlpoints.com/wp-content/uploads/the-lifestyle-investor-the-10-commandments-of-cash-flow-investing-for-passive-income-and-financial-freedom-1.jpeg)
![[指南] 美國 HSBC US Debit Card 於 Allpoint ATM 服務提款經驗 [指南] 美國 HSBC US Debit Card 於 Allpoint ATM 服務提款經驗](https://smlpoints.com/wp-content/uploads/guide-hsbc-us-apply-record-2022-1.png)