由先前的課程,我們得知SCSS 提供了豐富的內建函數,可以幫助我們更方便地操作顏色、字串、數字、列表、映射等,讓樣式編寫更為簡潔、高效。
一、顏色函數
li...
輸入框狀態
當我們搞定了昨天的基本按鈕後,今天來動手實作網頁中超級重要的文字輸入框吧!這些輸入框廣泛應用在註冊、登錄、搜尋、提交表單等等地方!一開始先想想輸入框...
這篇文章來實作下圖的功能:
當使用者把滑鼠移到欄位上時,才會顯示出欄位訊息,不然一律顯示 ********。我們會在 app.record.detail.s...
除了輸入框類型的表單外,選擇性類型的表單也是常用的輸入方式。
下拉式選單
在引用 MatSelectModule 後,就可以利用 <mat-select&...
在現代網頁開發中,互動性是用戶體驗的重要元素,而JavaScript的事件處理機制正是實現這一功能的核心。透過 JavaScript 的事件監聽,我們可以對用戶...
useReducer 是 React 提供的 Hook,用於處理更複雜的狀態管理。與 useState 相比,它引入了 reducer 函數來決定狀態更新的方式...