你有沒有想過哪一天能用自己熟悉的語言來撰寫網頁嗎?
由 Mozilla、Google、Microsoft、Apple 所組成的開發團隊,也就是瀏覽器四大天王 Firefox、Chrome、Microsoft Edge、Safari 共同推動名為 WebAssembly 的新技術,讓網頁開發者能運用自己熟悉的程式語言,編譯再藉虛擬機器引擎在瀏覽器內執行,而微軟陣營的新框架 Blazor 從此誕生。
提到表單如果沒有使用到表單元件,那還算有介紹到表單嗎?而在 Blazor 中我們又該如何來操作表單元件?今天將帶大家認識 Blazor 提供的內建表單元件。 如...
畫面元件與我們的模型物件該如何綁定,才能在使用者更改欄位內容時,同步修改模型物件的對應屬性?並且當使用者操作畫面元件時,如何捕捉元件發出的事件?今天要帶大家認識...
今天要來介紹的是元件的生命週期,了解生命週期才能在元件進行初始化和轉譯期間時執行額外的作業。 這邊先上流程圖,我們再來慢慢說明。 可以看到觸發變更的時間點有...
今天要來正式介紹客製化元件了,說是客製化元件,其實也就是釐清元件之間的相處模式,父元件與子元件如何溝通的問題。在開發階段的時候,往往都會發現一個元件的某個部分,...
昨天講解了父子元件溝通問題,而今天我們的目標是透過介紹內建輸入元件時提到的 InputBase<TValue> 來建立客製化輸入元件。 元件只需要...
今天是中秋節,祝大家中秋節快樂,今天要介紹的主題,雖然篇幅不多,但也是一個很重要的技巧。 在我們開發元件的時候,除了畫面重複需要抽離外,有時候參數也可以共享,例...
今天要講的也是元件的技巧,當我們想要把內部元件的 UI 交給外部決定時,就可以考慮使用樣板化元件。 樣板化元件是能將 UI 範本作為參數傳遞的元件,並作為元件...
Blazor WebAssembly 的核心就是元件,所以今天也是介紹元件的觀念。 當我們建立元件後,外部除了使用 UI 外,其實是可以存取公開成員的,只需要...
今天要來介紹元件的版面配置,透過版面配置元件來設置元件的版型,例如版型中的排版只有頁首(公司的名稱、LOGO 等等訊息)、頁尾(關於我們、聯絡我們等等訊息)、跟...