iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

今晚,我想來點Blazor 系列

Blazor是.NET宇宙的SPA開發框架,讓.NET開發人員,可以用自己熟悉的C#、Razor來開發SPA應用程式。預計在這30天,用力學習、紀錄,打造出一個Spa App !

鐵人鍊成 | 共 30 篇文章 | 31 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11:元件的生命週期

這篇我們來了解元件的一生。 一個元件從出生到死亡,有幾個階段是我們可以一同參與的,按照順序有下列幾個: OnInitialized & OnIniti...

2020-09-25 ‧ 由 CircleLin 分享
DAY 12

Day 12:Binding

One Way Binding 單向繫結可以將@code區塊內的field或property的值,透過@符號將值綁定到html中,如下面程式碼中,text1是f...

2020-09-26 ‧ 由 CircleLin 分享
DAY 13

Day 13:Component Parameters

為了能重複使用元件,我們在使用元件時,可以傳參數過去。這篇延續Component介紹的按鈕元件範例,原本的按鈕上顯示的是Click me !文字,我們現在將My...

2020-09-27 ‧ 由 CircleLin 分享
DAY 14

Day 14:Arbitrary Parameter 任意參數

為什麼需要任意參數? 在前面的Parameter教學中,我們學到要傳參數給子元件,需要在子元件設定一個接收的屬性。 現在我們有一個子元件叫ImgConponen...

2020-09-28 ‧ 由 CircleLin 分享
DAY 15

Day 15:元件之間的溝通

Blazor與其他前端框架一樣,是由一個一個元件(component)所組合而成的,每個元件都有各自的用途,將這些元件拼湊起來,就成了我們的SPA應用程式,所以...

2020-09-29 ‧ 由 CircleLin 分享
DAY 16

Day 16:Cascading Paramater

昨天看過Parameter後,今天來看看另外一個元件傳遞資料的方式 — Cascading Parameter。 Cascading Parameter與Par...

2020-09-30 ‧ 由 CircleLin 分享
DAY 17

Day 17:樣板元件(1)

前幾篇我們學到Parameter的用法,知道可以將資料透過Parameter傳給其他元件,但如果想要傳的是一個<a>標籤,一個<img>...

2020-10-01 ‧ 由 CircleLin 分享
DAY 18

Day 18:樣板元件(2)

延續昨天的範例,我們將商品用bootstrap的Card Decks排列出來,現在我們有另一個model想用一樣的方式顯示,我們這時候可以將那樣的版面做成通用樣...

2020-10-02 ‧ 由 CircleLin 分享
DAY 19

Day 19:元件的事件處理

在前面的例子看到過幾次onclick事件的寫法,除了onclick事件外,常見的還有keydown、mouseover等等事件,使用這些事件的寫法,與前面看到的...

2020-10-03 ‧ 由 CircleLin 分享
DAY 20

Day 20:Javascript interop

雖然在一開始我們有提到Blazor可以不用任何一行Javascript,就可以完成一個SPA應用程式,但某些情況還是需要依賴Javascript比較容易做到:...

2020-10-04 ‧ 由 CircleLin 分享