新手福利！Blazor 從入門到磚家系列教程（你真的可以成為磚家）

• 2020 年 6 月 1 日
• 筆記
• Blazor

注意

作為 Blazor 新手的你（不是新手就當沒看到這句話），請一定走完本教程再去上手其他組件庫

標題跟你開個玩笑，你真的可以通過這個系列教程成為專家！

深入淺出，我翻譯過程中都學到了很多。

我們不生產教程，我們只是教程的翻譯工

介紹

什麼是 Blazor

什麼是 WebAssembly

Blazor 宿主模型

安裝 Blazor

創建一個項目

創建一個頁面

布局

創建一個 Blazor 布局

使用布局

嵌套布局

組件

創建一個組件

單向綁定

Literals（文本）, expressions(表達式), 和 directives(指令)

Directives(指令)

組件事件

瀏覽器 DOM 事件

雙向綁定

綁定指令

級聯值

按名稱級聯值

按類型級聯值

覆蓋級聯值

程式碼生成的HTML屬性

捕獲意外參數

組件生命周期

渲染樹

增量渲染樹證明

使用@key進行優化

使用 RenderFragment 模板化組件

創建 Tab 組件

將數據傳遞到 RenderFragment

使用 @typeparam 創建泛型組件

路由

定義路由

路由參數

約束路由參數

可選路由參數

404 – Not Found

通過 HTML 跳轉

通過程式碼跳轉

檢測跳轉事件

組件庫

JavaScript 互操作

JavaScript 初始化過程

從.NET調用JavaScript

更新網頁標題

傳遞HTML元素引用

從JavaScript調用.Net

生命周期和記憶體泄漏

類型安全

調用靜態.NET方法

依賴注入