在學習 Blazor 的過程中，找到了一個網站 Blazor University（https://blazor-university.com）。

發現網站內容非常詳實，正像首頁所說的：

通過瀏覽本網站中的信息，我打算帶您從完全的新手到Blazor的所有方面的專家。

為了方便更多想學習 Blazor 的朋友，我已經將這個網站全部翻譯成了中文，并發布到了 Github Pages。

網址是:

https://feiyun0112.github.io/blazor-university.zh-cn/

你可以通過最下方的“閱讀原文”鏈接直達。

下面列出相關目錄：

• 介紹

  • 什么是 Blazor？

  • 什么是 WebAssembly？

  • Blazor 托管模型

  • 安裝 Blazor

  • 創建項目

  • 創建頁面

• 布局

  • 創建 Blazor 布局

  • 使用布局

  • 嵌套布局

• 組件

  • 線程安全的使用 InvokeAsync

  • 按名稱級聯值

  • 按類型級聯值

  • 重寫級聯值

  • 綁定指令

  • 瀏覽器 DOM 事件

  • 指令

  • 創建組件

  • 單向綁定

  • 字面量、表達式和指令

  • 組件事件

  • 雙向綁定

  • 級聯值

  • 代碼生成 HTML 屬性

  • 捕獲意外參數

  • 替換子組件上的屬性

  • 組件生命周期

  • 多線程渲染

• 渲染樹

  • 增量渲染樹證明

  • 使用 @key 優化

• 使用 RenderFragments 模板化組件

  • 創建一個 TabControl 組件

  • 將數據傳遞給 RenderFragment

  • 使用 @typeparam 創建通用組件

  • 將占位符傳遞給 RenderFragments

• 路由

  • 定義路由

  • 路由參數

  • 路由參數約束

  • 可選路由參數

  • 404 – Not found

  • 通過 HTML 導航

  • 通過代碼導航

  • 檢測導航事件

• 表單

  • 編輯表單數據

  • 從 InputBase 派生

  • 驗證

  • 處理表單提交

  • EditContext、FieldIdentifiers 和 FieldState

  • 獲得表單狀態

  • 編寫自定義驗證

• 組件庫

• JavaScript 互操作

  • 生命周期和內存泄漏

  • 類型安全

  • 調用靜態 .NET 方法

  • 更新 document title

  • 傳遞 HTML 元素引用

  • JavaScript 啟動過程

  • 從 .NET 調用 JavaScript

  • 從 JavaScript 調用 .NET

• 依賴注入

  • OwningComponentBase

  • 擁有多個依賴項：錯誤的方式

  • 擁有多個依賴項：正確的方式

  • Transient 依賴

  • Singleton 依賴

  • Scoped 依賴

  • 比較依賴范圍

  • 將依賴項注入 Blazor 組件

  • 依賴生命周期和范圍

  • 組件范圍依賴

水平有限，如有錯漏請批評指正！

希望能對大家有所幫助！