Blazor University 中文版网站已上线

在学习 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 组件
    • 依赖生命周期和范围
    • 组件范围依赖

水平有限,如有错漏请批评指正!

希望能对大家有所帮助!