Hello 大家蠔,今天我們來學習 Vue 的核心概念:組件。 分別會帶到這些內容: 定義一個組件構建步驟定義的組件 - 單文件組件使用物件導出定義的組件...
嗨!今天要跟大家分享的是如何在 Nuxt 3 專案中運用 Pinia 這個強大的狀態管理工具,並且實作一個客製化的 Loading 元件。無論你是剛接觸 Vue...
本篇同步發表於我的 Hashnode 部落格:Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 d...
今天要來學習在設計元件時有哪些要點,以及如何避免寫出「不乾淨」的元件。 純淨的元件 製作元件時的大重點:保持元件的純淨 (Keeping Components...
第 10 天:Svelte 元件的 Property 「我想說你可能會在這邊。」她漫不經心的回應了我的招呼。「我記得你說你就住在這附近。」接著,作為一個她會再...
在進入到明天的主題之前,先來認識兩個詞彙.分別是Controlled Component和UnControlled Component。這個部分不會複雜,但是與...
今天進入props的學習,會討論以下的議題: 什麼是props 如何使用props 將JSX作為props傳遞 什麼是props 在 React 中,pro...
這篇文章的主要內容 簡單說明什麼是元件化跟 react 裡面元件的種類 什麼是元件? 把畫面切分成一個個的區塊,並且透過傳入不同的參數讓那個區塊可以重複使用,...
上一篇學習了基礎的元件使用,那麼元件之間該如何串聯,一起使用呢?今天要來學習: 匯出與引入如何運作 匯出元件的二種方法 匯出與引入元件 我們可以透過匯出(e...
今天要來學習元件,要探索的內容有: React component簡介 如何創建component 如何使用component 瀏覽器如何認知 React...
試試看你學到了什麼 前面我們小試了一下身手, 這邊中途來插一個小活動。 有鑒於工程師社群很喜歡討論面試題, 那我們也來試個幾道題目, 來試試你能回答出以下幾道...
About 警示元素,主要用來展示明確跟重要的訊息, 並要吸引用戶的注意力而不打斷用戶當前正在進行的工作。 動態渲染警示,會自動被螢幕報讀閱讀, 在部分處理系統...
本篇接續前篇 如何製作輪播 carousel 3【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Spec...
本篇接續前篇 如何製作輪播 carousel 2【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Contr...
本篇接續前篇 如何製作輪播 carousel 1【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Scre...
高階組件 (HOC) 全名Higher Order Component ,本身並不是React API 的一部分,HOC指的是在 React 中能夠幫助我們重複...
About 輪播透過類似幻燈片的方式接連展示一部份的物件。 通常輪播一次只會呈現一張幻燈片, 用戶可以控制輪播的當前幻燈片像是往前一張或是往後一張。 在部分實...
本篇接續前篇 如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 S...
About 手風琴是一排垂直堆疊且用戶可以進行操作的標頭, 標頭內容可以包含像是標題,簡短內容,縮圖 可以用來表示其內容。 用戶可以透過標頭控制哪個段落的內容...
hashtags: #react, #components, #accessibility, #breadcrumb Spec: Tag 麵包屑元件的列表部分...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
hashtags: #react, #components, #accessibility, #datepicker 關於 Date Picker Dialo...
hashtags: #react, #components, #accessibility, #dialog 本篇接續前篇 如何製作對話視窗 tabbable...
hashtags: #react, #components, #accessibility, #dialog, #tabbable 本篇接續前篇 如何製作對話...
hashtags: #react, #components, #accessibility, #dialog About 對話視窗 是一種視窗,會覆蓋在主視窗...
hashtags: #react, #components, #accessibility, #calendar, #props 本篇接續前篇 如何製作月曆...
[ 情境任務 ] 小當家:我開發了第一道料理「蘆筍沙拉」,可以幫我放在菜單上嗎?價格就由老闆來訂吧! 設計一個 UI 畫面時,可以將頁面看做是由小元件與區塊...