在昨天，我們已經學會了 Web Component 的 生命週期。接下來要深入了解 Web Component 生命週期中的 attributeChangedCallback。 如果今天我們想要控制的...
截至目前為止，我們一直都還沒有提到 生命週期。但...是的，沒錯！跟各大框架一樣，Web Component 也有生命週期。其實光看到這四個字，心裡就已經開始抗拒了 (ι´Дン)ノ但生命週期，其實是學...
在上一篇中談到關於 GitLab 的 CI/CD Components 及一些 inputs 的初步體驗，在今天的內容，我們會談到更多關於使用 inputs 的細節。 首先，在初探 inputs 之後...
終於要介紹第三個核心 Template 在前兩篇文章中已經介紹了 Web Component 的 Custom Element 與 Shadow DOM，接下來要介紹是 Template。 你是否還...
在學 React 的時候，你可能聽過一句話： React component 應該要是 pure function。 但什麼是 pure function？為什麼它對 React 這麼重要？今天我...
在前幾天的修煉中，我們已經實作出了幾個我們需要的基礎元件（Component），每一個都蘊含著「單一職責」的概念。 今天，我們的目標就是將先前打造的元件們集結起來，實作出一個功能完整且具備現代設計感的...
GitLab CI/CD YAML 在 13.x 版本的年代，如果要與團隊或甚至是 Open Source 讓社群都可以一起共享整個流水線的規劃，大概只能透過 include 的方法來達成。但對於使用...
歡迎來到 什麼是 AWS？從 CCP 準備開始 鐵人賽系列！ 在這 30 天中，我將帶你從雲端新手，一步步了解 AWS 的核心概念與主要服務，並幫助你順利通過 AWS Certified Cloud...
在 Day 12，我們打造了功能完整的 BaseCard 和 ActionCard 元件。這次我們一樣要來為這個新的元件來撰寫測試，這邊我們先專注在 BaseCard 元件的測試，ActionCard...
接觸到 Web Component 才第一次聽過的名詞，花了一些時間才真正理解用法。就請各位看下去吧！ Shadow DOM 的基本概念 影子 DOM（Shadow DOM）允許你將一個 DOM...