新手福利！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方法

依赖注入