谢幕

今天是铁人赛最後一天了，想分享的主题也差不多了，就来个总集篇做个收场吧！

从最基本的

认识 Blazor WebAssembly

认识 Blazor WebAssembly 是什麽，并建立范本专案。

开幕
舞台建造与介绍

认识 Razor 语法

Blazor 元件的本体 Razor，如果不会也就不用往下阅读了。

魔术道具 - Razor 介绍
魔术道具 - Razor 指示词
魔术道具 - Razor 指示词属性

元件的基本知识

生命周期

认识生命周期，在元件的各种状态後做些额外的事情。

魔术技巧 - 掌握元件生命周期

路由相关

SPA 最基本的需求，路由。

路由魔术
导览列魔术

表单相关

网页最基本的需求，表单。

表单魔术
表单魔术 - 验证技巧
表单魔术 - 内建元件道具
表单魔术 - 资料系结与事件处理技巧

传值三兄弟

目前 blazor 的传值方式只有下面三种，了解以应付各种状况。

魔术技巧 - 父子沟通问题
魔术技巧 - 传值技巧
状态管理魔术

自订元件须知

了解如何自订元件，自订完元件後如何提供给别人使用。

魔术技巧 - 客制化输入元件
魔术技巧 - 样板化元件
魔术技巧 - 取得元件参考
魔术技巧 - 版型配置
元件类别库魔术

服务的基本知识

认识框架提供的预测服务，以及使用方式。

相依性注入魔术
魔术技巧 - HTTP 要求与回应
魔术技巧 - 与 JavaScript 共舞
组态魔术
环境魔术

进阶技巧

了解如何透过自订服务来达成目的。

JWT 验证魔术
多国语系魔术

其他

纪录魔术
测试魔术

以上就是这次铁人赛，我想跟大家分享的 Blazor WebAssembly 的内容了，希望可以帮助到想了解 Blazor WebAssembly 的人，有个基本的认识。当然更希望可以帮助到阅读者能够快速上手，毕竟这框架目前的讨论还很少，但我相信他有一天可以成为主流的框架之一。

感谢大家的阅读，我们有缘再见。

参考资料
大内魔术 Blazor - 谁说前端一定要写JS 系列

安可

表演哪有不安可的，最後我想把一些小东西讲完，但这就不是这系列文 Blazor WebAssembly 版本的范畴了，比较属於未来视，但是是比较近的未来，可能会随着 .NET 5 一起发行，让我们一起来看看 .NET 5 的 Blazor WebAssembly 可能会多了哪些新东西吧！

• CSS isolation for Blazor components

在介绍魔术技巧 - 版型配置时有提到，未来可以有 xxx.razor.css，这件事情将会实现，到时就可以抽离 css 区块，让每一个档案更乾净的负责一件事情。

• Lazy loading in Blazor WebAssembly

延迟载入也可以实现了，延迟载入对大型专案来说，是关系到框架选择的生死啊，如果没有延迟载入，那 Blazor 在框架竞争中就很容易被淘汰，但不用再担心了。

• New InputRadio Blazor component

在表单魔术 - 内建元件道具提到目前还未上线的 InputRadio 与 InputRadioGroup 也要正式支援了。

• Set UI focus in Blazor apps

在魔术技巧 - 取得元件参考提到，如果想要 focus 到 html 元素上时，需要自行透过 JSRuntime 协助，但现在 @ref 取得的元素(ElementReference)就能使用 FocusAsync 来 focus 目标了。

• Influencing the HTML head in Blazor apps

提供 Title、Link 与 Meta 元件来设定 Html 的 Head，使 Head 的内容可以依照当前元件决定。

这本来 Docs 就有提及，我也打算含在前面的内容说明，但官方突然将这部分的内容移除了，所以就在这边简单带过吧。

• Protected browser storage

提供了 ProtectedLocalStorage 与 ProtectedSessionStorage 服务，只需要安装 Microsoft.AspNetCore.Components.Web.Extensions 套件并 AddProtectedBrowserStorage() 来注册，我们就不需要在自行建立服务来处理这档事了，真是可喜可贺啊！

以上就是参考资料有关 Blazor 的部分，相信现在做的东西，未来就会慢慢的化成经验，官方会提供更方便的方法来让後人更好上手！

再次感谢大家的阅读，我们有缘再见，下台一鞠躬！

参考资料
ASP.NET Core updates in .NET 5 Preview 8