qq_44695769的博客

接触Blazor也快有一个多月了，了解Blazor之后发现确实是个好东西，开发速度太快了，前端直接拿数据，通过SSR保证安全。但是有一个问题，服务器能承受多大的压力。反正小公司并发有50就不错了。

onclick:stopPropagation是阻止onclick的传播，如果需要阻止其它事件传播需要知道其它事件的触发原型。我们就算封装成立Blazor组件，我们还是对原生的DOM元素进行操作。在子组件最外层包一个div。在DIV里面阻止组件事件的传播。

依赖注入我之前写过一篇文章，没看过的可以看看这个。C# Blazor 学习笔记(10):依赖注入。

微软官方封装了一些浏览器的操作，其中就有Session的操作的封装ProtectedSessionStorage 微软文档因为我们知道，依赖注入的生命周期是Singleton程序Scoped网页：刷新，url直接跳转都会重置。Transient路由C# Blazor 学习笔记(10):依赖注入但是没有一个和浏览器绑定的生命周期。即浏览器关闭才会退出。这个是后端无法获取的，因为后端根本不知道浏览器何时关闭。这个只能用浏览器自带的缓存。

简单来说，就是外层要加个div，不加div就无法识别。

Blazor Component组件其实原因就是微软觉得你在get;set;里面放自定义逻辑，太容易出现无限父子回调的问题。如果你要在get时候进行某种逻辑，那你就在OnParameterSetAsync里面取主动触发。

对于组件化来说，生命周期是必须掌握的知识，只有掌握了生命周期才能更好的去设置数据的变化。Blazor 生命周期 微软文档。

我们现在主流的页面都是单页面Layout布局，即一个页面有侧边栏，抬头，下边栏，中间主题。BootstrapBlazor UI， Blazor Server 模式配置注入LayoutComponentBase@inherits LayoutComponentBase < h1 > 我是EmptyLayout布局 < main > @Body @code {

Blazor项目启动之后，有好几种项目设置，我其实想要这一种控制台。直接Console.log就行了。

由于Blazor UI库暂时还不完善，有时候需要我们自己写css。Razor做好了css动态隔离的设置。ASP.NET Core Blazor CSS 隔离C#小轮子：Visual Studio自动编译Sass文件。

Blazor对路由跳转进行了封装。ASP.NET Core Blazor 路由和导航NavigationManager 类本文的主要内容就是全局的跳转。

Blazor 具有前后端不分离模式，但是如何直接调用需要一定的设置。

Blazor简单来说就是微软提供的.NET 前端框架。使用 WebAssembly的“云浏览器”，集成了Vue,React,Angular等知名前端框架的特点。

之前我们说到，我们组件化有三个目的。不用写CSS不用写html不用写交互逻辑为了解决第一个目的，我们需要动态css。

可能是我用的element ui和 uView这种第三方组件用的太多了。我上来就希望能使用这些组件。但是目前Blazor目前的生态其实并不完善，所以很多组件要我们自己写。我们对组件的要求是我们在组件化一共有三个目的。不用写CSS不用写html不用写交互逻辑。

我们在组件化一共有三个目的。不用写CSS不用写html不用写交互逻辑简单来说就是Java常说的约定大于配置。我们只需要必须的参数即可，其它的都按照默认配置。我们不需要关系页面元素是如何调度的，我们只需要关系业务代码部分。做到组件一次声明，多次复用的效果。

我最近在使用Blazor的时候，使用了BootstrapBlazor（以下简称BB）创建模板的时候，发现热重置无效。经过了一上午的折腾，我终于解决了这个问题。我其实根本不知道为什么能设置成功，我只是把我之前设置的步骤再设置了一下，而且结果也没问题。

为了更好的组件化管理整个文件，我选择使用分文件夹对项目组件进行分类。

Blazor可以支持在razor文件里面添加cs代码，但是代码一旦复杂了之后就会变得特别的麻烦。但是VS提供了代码分组的功能。分离前分离后。

我们知道使用Blazor的官方模板，我们会自动得到一个拥有侧边栏的布局页面。但是我们发现我们所有新建的页面都有侧边栏。有时候我们需要跳出这个布局，比如我要做登录页面的时候，我们就希望只显示一个完整的页面，而不显示侧边栏。

Blazor是C#全栈追求极致开发速度的一个前后端不分离的框架，上限是在Winform,WPF,MAUI等宿主环境上面运行的全平台引用。和Electron一样，解决方案都是套壳浏览器。为了追求极致的开发速度，Blazor急需Blazor版本的Element UI。但是我发现国内竟然有微软技术爱好者开发了这个UI框架，还是开源的。这也太厉害了吧。我对开源框架的开发者一直都是最崇高的敬意的。不说了，写完这个公司小项目就去打钱给作者。

组件模板化我们在WPF经常遇到，这里将一下Blazor是如何解决的。

这里我们会讲解Blazor的基础语法和简单组件化使用Blazor 常用语法介绍。

支持热重置通过@code开辟C#代码部分。