Blazor是.NET宇宙的SPA開發框架,讓.NET開發人員,可以用自己熟悉的C#、Razor來開發SPA應用程式。預計在這30天,用力學習、紀錄,打造出一個Spa App !
這篇我們來了解元件的一生。 一個元件從出生到死亡,有幾個階段是我們可以一同參與的,按照順序有下列幾個: OnInitialized & OnIniti...
One Way Binding 單向繫結可以將@code區塊內的field或property的值,透過@符號將值綁定到html中,如下面程式碼中,text1是f...
為了能重複使用元件,我們在使用元件時,可以傳參數過去。這篇延續Component介紹的按鈕元件範例,原本的按鈕上顯示的是Click me !文字,我們現在將My...
為什麼需要任意參數? 在前面的Parameter教學中,我們學到要傳參數給子元件,需要在子元件設定一個接收的屬性。 現在我們有一個子元件叫ImgConponen...
Blazor與其他前端框架一樣,是由一個一個元件(component)所組合而成的,每個元件都有各自的用途,將這些元件拼湊起來,就成了我們的SPA應用程式,所以...
昨天看過Parameter後,今天來看看另外一個元件傳遞資料的方式 — Cascading Parameter。 Cascading Parameter與Par...
前幾篇我們學到Parameter的用法,知道可以將資料透過Parameter傳給其他元件,但如果想要傳的是一個<a>標籤,一個<img>...
延續昨天的範例,我們將商品用bootstrap的Card Decks排列出來,現在我們有另一個model想用一樣的方式顯示,我們這時候可以將那樣的版面做成通用樣...
在前面的例子看到過幾次onclick事件的寫法,除了onclick事件外,常見的還有keydown、mouseover等等事件,使用這些事件的寫法,與前面看到的...
雖然在一開始我們有提到Blazor可以不用任何一行Javascript,就可以完成一個SPA應用程式,但某些情況還是需要依賴Javascript比較容易做到:...