Blazor University 中文版网站已上线

Posted 2022-09-16 dotNET跨平台

在学习 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 组件

  • 依赖生命周期和范围

  • 组件范围依赖

水平有限，如有错漏请批评指正！

希望能对大家有所帮助！