Blazor University 中文版，英文原版请访问： https://blazor-university.com/

欢迎来到 Blazor University。 通过浏览本网站中的信息，我打算将您从完全的新手带到 Blazor 的所有方面的专家。

• 介绍

  • 什么是 Blazor？
  • 什么是 WebAssembly？
  • Blazor 托管模型
  • 安装 Blazor
  • 创建项目
  • 创建页面

• 布局

  • 创建 Blazor 布局
  • 使用布局
  • 嵌套布局

• 组件

  • 创建组件
  • 单向绑定
  • 字面量、表达式和指令
    • 指令
  • 组件事件
    • 浏览器 DOM 事件
  • 双向绑定
    • 绑定指令
  • 级联值
    • 按名称级联值
    • 按类型级联值
    • 重写级联值
  • 代码生成 HTML 属性
  • 捕获意外参数
  • 替换子组件上的属性
  • 组件生命周期
  • 多线程渲染
    • 线程安全的使用 InvokeAsync

• 渲染树

  • 增量渲染树证明
  • 使用 @key 优化

• 使用 RenderFragments 模板化组件

  • 创建一个 TabControl 组件
  • 将数据传递给 RenderFragment
  • 使用 @typeparam 创建通用组件
  • 将占位符传递给 RenderFragments

• 路由

  • 定义路由
  • 路由参数
  • 路由参数约束
  • 可选路由参数
  • 404 – Not found
  • 通过 HTML 导航
  • 通过代码导航
  • 检测导航事件

• 表单

  • 编辑表单数据
  • 从 InputBase 派生
  • 验证
  • 处理表单提交
  • EditContext、FieldIdentifiers 和 FieldState
  • 获得表单状态
  • 编写自定义验证

• 组件库

• JavaScript 互操作

  • JavaScript 启动过程
  • 从 .NET 调用 JavaScript
    • 更新 document title
    • 传递 HTML 元素引用
  • 从 JavaScript 调用 .NET
    • 生命周期和内存泄漏
    • 类型安全
    • 调用静态 .NET 方法

• 依赖注入

  • 将依赖项注入 Blazor 组件
  • 依赖生命周期和范围
    • Transient 依赖
    • Singleton 依赖
    • Scoped 依赖
    • 比较依赖范围
  • 组件范围依赖
    • OwningComponentBase
    • 拥有多个依赖项：错误的方式
    • 拥有多个依赖项：正确的方式