iT邦幫忙

component相關文章
共有 62 則文章
鐵人賽 Modern Web DAY 26

技術 如何製作輪播 carousel 4【 carousel | 我不會寫 React Component 】

本篇接續前篇 如何製作輪播 carousel 3【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Spec...

技術 [Vue,組件] 如何由子組件傳值(Value)給父組件

以下會用到 Pug 套件,請去安裝 pug套件,可參考: 從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug 這次來寫 如...

鐵人賽 Modern Web DAY 18

技術 如何製作麵包屑 BreadCrumb【 breadcrumb | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #breadcrumb Spec: Tag 麵包屑元件的列表部分...

鐵人賽 Modern Web DAY 27

技術 如何製作警示 alert【 alert | 我不會寫 React Component 】

About 警示元素,主要用來展示明確跟重要的訊息, 並要吸引用戶的注意力而不打斷用戶當前正在進行的工作。 動態渲染警示,會自動被螢幕報讀閱讀, 在部分處理系統...

鐵人賽 Modern Web DAY 17

技術 如何製作日期選擇 Date Picker 5【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 Modern Web DAY 29

技術 Day 29. 繼續來看組件基礎 – Components 吧ヾ(*´∀ ˋ*)ノ

歐歐歐,竟然已經到第29天了,時間真的是咻咻咻就過了呢!明天就要結束了,真是感傷(☍﹏⁰) (解脫了ε٩(๑> ₃ <)۶з)今天跟昨天一樣來講講c...

鐵人賽 Modern Web DAY 10
了不起的 Svelte 系列 第 10

技術 第 10 天:Svelte 元件的 Property

第 10 天:Svelte 元件的 Property 「我想說你可能會在這邊。」她漫不經心的回應了我的招呼。「我記得你說你就住在這附近。」接著,作為一個她會再...

鐵人賽 Modern Web DAY 26

技術 [DAY26]什麼是React HOC?

高階組件 (HOC) 全名Higher Order Component ,本身並不是React API 的一部分,HOC指的是在 React 中能夠幫助我們重複...

鐵人賽 自我挑戰組 DAY 14

技術 [DAY14]手動打造SPA - 建立Component

上一篇我們使用Node建立了基本的開發環境與安裝套件後,今天就來建立元件(Component)吧!前面有提到SPA render的原理,以及建立Componen...

鐵人賽 Modern Web DAY 30

技術 結語【 我不會寫 React Component 】

試試看你學到了什麼 前面我們小試了一下身手, 這邊中途來插一個小活動。 有鑒於工程師社群很喜歡討論面試題, 那我們也來試個幾道題目, 來試試你能回答出以下幾道...

鐵人賽 Modern Web DAY 28

技術 Day 28. 組件基礎 - Components

沃嗚!鐵人倒數3天了,我們離完賽就差一顛點啦,我們今天來講講components吧~繼續gogogo (「・ω・)「 Component簡介 Vue compo...

鐵人賽 Modern Web DAY 16

技術 如何製作日期選擇 Date Picker 4【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 Modern Web DAY 14

技術 如何製作日期選擇 Date Picker 2【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 Modern Web DAY 20

技術 如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】

About 手風琴是一排垂直堆疊且用戶可以進行操作的標頭, 標頭內容可以包含像是標題,簡短內容,縮圖 可以用來表示其內容。 用戶可以透過標頭控制哪個段落的內容...

鐵人賽 Modern Web DAY 30

技術 Day 30 - 結語 — 首尾呼應&致謝

最後一篇來個首尾呼應,回答在 Day 01 問大家的七個關於 UI 元件的問題! 你知道 為什麼會有 UI LibraryA:讓我們可以不用再自己造輪子,...

鐵人賽 Modern Web DAY 9

技術 第 9 天 元件還是頁面,這是個問題|page、component

前情提要 藉著重構原先從元件取得資料的方法,我們將對 http 的呼叫封裝在服務裡,隱藏了資料來源的細節。這使我們在元件中在可以更專注於與畫面的互動。並且,如果...

鐵人賽 Modern Web DAY 6

技術 [DAY 6] 建立一個可重複利用的 Component 吧!

[ 情境任務 ] 小當家:我開發了第一道料理「蘆筍沙拉」,可以幫我放在菜單上嗎?價格就由老闆來訂吧! 設計一個 UI 畫面時,可以將頁面看做是由小元件與區塊...

鐵人賽 Modern Web DAY 15

技術 如何製作日期選擇 Date Picker 3【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 Modern Web DAY 13

技術 如何製作日期選擇 Date Picker 1【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 關於 Date Picker Dialo...

鐵人賽 Software Development DAY 6

技術 第 6 天:解析預設專案架構

在建立全新的 Compose for Desktop 專案後,我們只知道怎麼運行專案及預覽元件,對於應用程式組成及程式碼細節並不清楚。因此今天的耕讀筆記就要來閱...

鐵人賽 Modern Web DAY 7

技術 自訂 Vaadin 組件 / Grid 擴充功能 -- day07

重複使用程式碼 Vaadin 自訂 Component 各位發現了嗎?在寫完CRUD後,打開CreateStudentView.kt和EditStudent.k...

鐵人賽 Modern Web DAY 23

技術 #22 CSS display: contents:讓你變成小透明,製作 JS Components 時的好東西!

↓ 今日學習重點 ↓ 了解 display: contents; 是什麼? 了解 display: contents; 的運用時機 了解 dis...

鐵人賽 Modern Web DAY 12

技術 如何製作對話視窗 interaction【 dialog | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #dialog 本篇接續前篇 如何製作對話視窗 tabbable...

鐵人賽 Modern Web DAY 11

技術 如何製作對話視窗 tabbable【 dialog | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #dialog, #tabbable 本篇接續前篇 如何製作對話...

鐵人賽 Modern Web DAY 4
30 days of React 系列 第 4

技術 Day 4 - React 元件初探

今天要來學習元件,要探索的內容有: React component簡介 如何創建component 如何使用component 瀏覽器如何認知 React...

鐵人賽 Modern Web DAY 6
30 days of React 系列 第 6

技術 Day 6 - 傳遞Props

今天進入props的學習,會討論以下的議題: 什麼是props 如何使用props 將JSX作為props傳遞 什麼是props 在 React 中,pro...

鐵人賽 Modern Web DAY 7
react 學習記錄 系列 第 7

技術 [Day7]我的 react 學習記錄 - component

這篇文章的主要內容 簡單說明什麼是元件化跟 react 裡面元件的種類 什麼是元件? 把畫面切分成一個個的區塊,並且透過傳入不同的參數讓那個區塊可以重複使用,...

鐵人賽 Modern Web DAY 19

技術 【Day 19】認識Controlled & Uncontrolled Component

在進入到明天的主題之前,先來認識兩個詞彙.分別是Controlled Component和UnControlled Component。這個部分不會複雜,但是與...