撰寫者 ： Cymon Dez撰寫時間 ： 2025-09-11 前言 筆者曾於2020年時撰寫過使用 SSL 與 Domain Name 在Windows本機開發後端應用一文。隨著時間推移，如今(2...
在 Day 11，我們為 BaseSelect 建立了完整的測試覆蓋，確保元件在未來修改時不會出現回歸問題。今天我們要繼續我們元件的開發：Card 容器元件的設計與實作。 為什麼需要 Card 元件？...
為了讓後續開發更順利，開始實作前，還是得先長篇大論一下～ 我在學習 Web Component 的過程中常常會陷入：這個 UI 該怎麼寫的思維陷阱。但其實，Web Component 應該是要設計一...
在我初學 Vanilla JS 時，並沒有特別意識到 元件化 的概念，直到接觸了 React 和 Angular，才開始頻繁地接觸到 component 這個詞。我還傻傻以為元件是框架才有的概念，後來...
在 Day 10，我們打造了一個功能完整的 BaseSelect 元件。我們在表單中將它展示出來，手動選擇選項，看起來一切正常。但這就夠了嗎？ 想像一下，未來我們為了某個新需求，修改了 BaseSel...
這幾天看了一些很常見的渲染模式，像是 CSR、SSR 等，接著讓我們開始和男主角 Next.js 有進一步地接觸，來了解和 Next.js 有關聯的一種 component 的類型，那就是 Serve...
在前兩天我們成功打造了 BaseButton 元件，為我們的設計系統踏出了堅實的第一步。今天，我們將乘勝追擊，挑戰另一個在表單中無處不在的元素，下拉選單 (<select>)。 在我們的登...
在 Day 8，我們打造了第一個可複用的 BaseButton 元件。我們在 LoginView.vue 中將它展示出來，手動點擊，看起來一切正常。但這就夠了嗎？ 想像一下，未來我們為了某個新需求，修...
Center for Internet Security(CIS) 基準是針對 25 個以上供應商產品系列的規範配置建議。它們代表了全球網路安全專家基於共識的努力，旨在幫助保護系統免受威脅。[1] C...
在昨天 Day7 的章節中，我們成功地為專案建立了現代化的開發環境。 今天，我們將正式開始享受這個環境帶來的好處，著手進行我們銷售系統的實作！ 元件化 (Componentization)。 回想一下...