iT邦幫忙

鐵人檔案

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

大內魔術 Blazor - 誰說前端一定要寫JS 系列

你有沒有想過哪一天能用自己熟悉的語言來撰寫網頁嗎?
由 Mozilla、Google、Microsoft、Apple 所組成的開發團隊,也就是瀏覽器四大天王 Firefox、Chrome、Microsoft Edge、Safari 共同推動名為 WebAssembly 的新技術,讓網頁開發者能運用自己熟悉的程式語言,編譯再藉虛擬機器引擎在瀏覽器內執行,而微軟陣營的新框架 Blazor 從此誕生。

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

表單魔術 - 內建元件道具

提到表單如果沒有使用到表單元件,那還算有介紹到表單嗎?而在 Blazor 中我們又該如何來操作表單元件?今天將帶大家認識 Blazor 提供的內建表單元件。 如...

2020-09-26 ‧ 由 米歐 分享
DAY 12

表單魔術 - 資料繫結與事件處理技巧

畫面元件與我們的模型物件該如何綁定,才能在使用者更改欄位內容時,同步修改模型物件的對應屬性?並且當使用者操作畫面元件時,如何捕捉元件發出的事件?今天要帶大家認識...

2020-09-27 ‧ 由 米歐 分享
DAY 13

魔術技巧 - 掌握元件生命週期

今天要來介紹的是元件的生命週期,了解生命週期才能在元件進行初始化和轉譯期間時執行額外的作業。 這邊先上流程圖,我們再來慢慢說明。 可以看到觸發變更的時間點有...

2020-09-28 ‧ 由 米歐 分享
DAY 14

魔術技巧 - 父子溝通問題

今天要來正式介紹客製化元件了,說是客製化元件,其實也就是釐清元件之間的相處模式,父元件與子元件如何溝通的問題。在開發階段的時候,往往都會發現一個元件的某個部分,...

2020-09-29 ‧ 由 米歐 分享
DAY 15

魔術技巧 - 客製化輸入元件

昨天講解了父子元件溝通問題,而今天我們的目標是透過介紹內建輸入元件時提到的 InputBase<TValue> 來建立客製化輸入元件。 元件只需要...

2020-09-30 ‧ 由 米歐 分享
DAY 16

魔術技巧 - 傳值技巧

今天是中秋節,祝大家中秋節快樂,今天要介紹的主題,雖然篇幅不多,但也是一個很重要的技巧。 在我們開發元件的時候,除了畫面重複需要抽離外,有時候參數也可以共享,例...

2020-10-01 ‧ 由 米歐 分享
DAY 17

魔術技巧 - 樣板化元件

今天要講的也是元件的技巧,當我們想要把內部元件的 UI 交給外部決定時,就可以考慮使用樣板化元件。 樣板化元件是能將 UI 範本作為參數傳遞的元件,並作為元件...

2020-10-02 ‧ 由 米歐 分享
DAY 18

魔術技巧 - 取得元件參考

Blazor WebAssembly 的核心就是元件,所以今天也是介紹元件的觀念。 當我們建立元件後,外部除了使用 UI 外,其實是可以存取公開成員的,只需要...

2020-10-03 ‧ 由 米歐 分享
DAY 19

魔術技巧 - 版型配置

今天要來介紹元件的版面配置,透過版面配置元件來設置元件的版型,例如版型中的排版只有頁首(公司的名稱、LOGO 等等訊息)、頁尾(關於我們、聯絡我們等等訊息)、跟...

2020-10-04 ‧ 由 米歐 分享
DAY 20

相依性注入魔術

終於要來講解相依性注入(dependency injection),一起來看看如何在 Blazor WebAssembly 中使用相依性注入吧! 相依性注入技...

2020-10-05 ‧ 由 米歐 分享