iT邦幫忙

搜尋 D one 找到約 1199 個結果
在google中搜尋

技術 Day 06 - 傳遞 Prop 到 Comonent - part 1

昨天的文章介紹了在 JSX 上面使用參數,而我們也可以在我們客制化的 Component 傳入參數或數值使用。而這些傳遞的東西在 React 就會叫做 props。今天就會來介紹要如何使用它們在 Co...

技術 Day 5 - 什麼是 Component 組件?

上一篇我們聊到了 Vue 的檔案結構,我們用現實生活中的東西來比喻這些檔案。今天我們就來講講作為「積木」的 Component。 如果你對 HTML5 語意化標籤(header、nav、footer....

技術 Day 11: Web Component 的應用-Modal 與 slot

其實 Modal 可以說是我想到最適合拿來說明 slot 這個概念的元件了!在開發公司的應用時,常常大量需要用到彈出視窗,不管是 alert, confirm, 又或是預覽資料、檢視等等的功能。但以上...

技術 Day 10: Web Component 的插槽 Slot

進入第二個元件前,我們先介紹一下 Web Component 的第四個隱藏概念,也就是 slot(插槽)。 什麼是 slot ? 不管是使用原生 JS 還是框架,當我們設計一個自訂元件時,通常不希望內...

技術 房門與門鎖[ 3 / 6 ]:模組化設計 — 拆分 components 實踐 DRY 策略

上一篇我們替登入頁加入了基本的驗證功能,但隨著功能增多,程式碼也開始變得雜亂,閱讀與維護的成本逐漸升高🫠。在本篇中,我們會透過 組件化 ( Componentization ) 的方式,將重複或龐雜的...

技術 (Day5) Rust Copy 與 Clone 零成本 vs 有成本複製

Rust 逼我成為更好的工程師:Copy 與 Clone - 零成本 vs 有成本複製 在理解了所有權的移動 (Move) 和借用 (Borrow) 之後,我們來探討一些真實世界中更細膩的情境。 為...

技術 Day09 - 發布 CI/CD Components 到 GitLab Catalog

在上一篇的內容中介紹了如何從 Catalog 找到想要的 CI/CD Components,也提到使用 Components 時可以透過 Partial semantic versions 更靈活的取...

技術 DAY 9: Web Component 的屬性 Properties 與 Getter & Setter

我們在前面學習到了監聽 attribute(屬性) 來改變元件的狀態或樣式,而除了 HTML 的 attributes 之外,還有另一種傳遞資料給 component 的方式,就是 propertie...

技術 # Day 4|修改 Character Movement Component 與 Sprint 功能

雖然這個系列的標題是 使用 C++ 來製作遊戲,而且的確在效能與大型專案上 C++ 比 Blueprint 更適合。但在 初期設計雛形 或製作 簡單、不影響效能的功能 時,Blueprint 會更直覺...

技術 Day 3|核心概念:Component 詳解

哈囉,各位邦友們!昨天我們把專案建好,今天正式走進 Angular 的核心:Component。先抓住 @Component 的骨架,再做一個小小的子元件,最後以 imports 串起父子關係,為明天...