在 Vue 3 中，Portals 是一種強大的技術，允許我們將組件的部分內容渲染到應用中的其他 DOM 節點，而不受父子組件層級的限制。這種技術可以在構建複雜的用戶介面時提供極大的靈活性，特別是當我...
今天要介紹SOLID的第四篇- 介面分離原則(Interface Segregation Principle, ISP)，一開始第一次學習接觸會覺得SOLID這幾個原則，在實際應用上會有幾分類似。 不...
在 Vue 的宇宙裡，表單輸入綁定不再是令人頭痛的問題！有了 v-model，你只需要一句簡單的指令，就可以讓使用者的輸入與你的應用程式完美同步。無論是輸入框、複選框、還是下拉選單，v-model...
在這個系列中，我們一共實作了約 27 種不同的 Atomic Components。但在實際開發上，我們不總是只需要顧好 Client Side Rendering（CSR）。如果我們今天要實作的專...
今天要來把我們先前辛苦寫的作品部署到GitHub！（Git應該都不用再多介紹大家都很熟了），但我們還是紀錄一下第一次部署Vue專案的過程，就怕太久沒碰之後就忘了！ ◎小提示：本篇是以簡易部署個人作品角...
高效的表單處理與動效反饋設計 你是否曾經在填寫表單時，感覺整個過程有些枯燥乏味？或是點擊「提交」後遲遲沒有回應，讓人懷疑到底有沒有成功送出？ 其實，表單不僅是網站上用來收集資料的工具，它也可以變得...
接觸過SPA（單頁應用）的世界後，現在來看SSR的資料我感到萬分痛苦…。我們先假想在不久後的將來，也許某天Boss說：「這個系統從SPA改成SSR」我們會想起這天含著淚研讀後的成果… ◎先說結論：原本...
在 Vue 3 中，自訂插件是一種強大且靈活的方式，可以為應用程式添加功能和擴展。不論是用於重用程式碼、提供全域組件，還是添加自訂指令，插件都能使你的 Vue 專案更加高效且可維護。本文將深入探討如何...
目錄 Prop 逐級透傳問題(Prop Drilling) Provide-Inject 基礎使用 Inject 選項屬性介紹 Provide 函數定義 - 讀取 this 上下文 結論 Pro...
本篇要介紹 SOLID 的第三個原則- Liskov Substitution Principle，里氏替換原則(LSP)，老實說相關參考討論的資源，主要是針對類別(class) 繼承時覆寫父類的行為...