![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Blazor基础知识
文章平均质量分 63
Blazor基础知识
龙中舞王
C#小将,目前打算把.Net 全家桶学懂。
展开
-
Blazor组件化开发心得:Blazor开发套路
接触Blazor也快有一个多月了,了解Blazor之后发现确实是个好东西,开发速度太快了,前端直接拿数据,通过SSR保证安全。但是有一个问题,服务器能承受多大的压力。反正小公司并发有50就不错了。原创 2023-08-24 11:13:17 · 587 阅读 · 0 评论 -
Blazor:Razor组件防止点击穿透
onclick:stopPropagation是阻止onclick的传播,如果需要阻止其它事件传播需要知道其它事件的触发原型。我们就算封装成立Blazor组件,我们还是对原生的DOM元素进行操作。在子组件最外层包一个div。在DIV里面阻止组件事件的传播。原创 2023-08-23 11:38:47 · 178 阅读 · 0 评论 -
Blazor 依赖注入妙用:巧设回调
依赖注入我之前写过一篇文章,没看过的可以看看这个。C# Blazor 学习笔记(10):依赖注入。原创 2023-08-22 16:05:10 · 841 阅读 · 0 评论 -
Blazor Session设置
微软官方封装了一些浏览器的操作,其中就有Session的操作的封装ProtectedSessionStorage 微软文档因为我们知道,依赖注入的生命周期是Singleton程序Scoped网页:刷新,url直接跳转都会重置。Transient路由C# Blazor 学习笔记(10):依赖注入但是没有一个和浏览器绑定的生命周期。即浏览器关闭才会退出。这个是后端无法获取的,因为后端根本不知道浏览器何时关闭。这个只能用浏览器自带的缓存。原创 2023-08-21 13:45:08 · 1088 阅读 · 0 评论 -
Blazor:子组件deep:: 样式修改无效
简单来说,就是外层要加个div,不加div就无法识别。原创 2023-08-15 15:33:00 · 258 阅读 · 0 评论 -
Blazor : Component parameter should be auto property,无法修改get;set;
Blazor Component组件其实原因就是微软觉得你在get;set;里面放自定义逻辑,太容易出现无限父子回调的问题。如果你要在get时候进行某种逻辑,那你就在OnParameterSetAsync里面取主动触发。原创 2023-08-15 09:14:13 · 264 阅读 · 0 评论 -
Blazor:组件生命周期和刷新机制详解
对于组件化来说,生命周期是必须掌握的知识,只有掌握了生命周期才能更好的去设置数据的变化。Blazor 生命周期 微软文档。原创 2023-08-13 11:53:50 · 1450 阅读 · 0 评论 -
Blazor简单教程(2):布局
我们现在主流的页面都是单页面Layout布局,即一个页面有侧边栏,抬头,下边栏,中间主题。BootstrapBlazor UI, Blazor Server 模式配置注入LayoutComponentBase@inherits LayoutComponentBase < h1 > 我是EmptyLayout布局 < main > @Body @code {原创 2023-08-12 13:20:33 · 524 阅读 · 0 评论 -
Blazor 调试控制台
Blazor项目启动之后,有好几种项目设置,我其实想要这一种控制台。直接Console.log就行了。原创 2023-08-12 11:23:25 · 402 阅读 · 0 评论 -
C# Blazor 学习笔记(12):css样式设置
由于Blazor UI库暂时还不完善,有时候需要我们自己写css。Razor做好了css动态隔离的设置。ASP.NET Core Blazor CSS 隔离C#小轮子:Visual Studio自动编译Sass文件。原创 2023-08-11 16:25:02 · 2180 阅读 · 0 评论 -
C# Blazor 学习笔记(11):路由跳转和信息传值
Blazor对路由跳转进行了封装。ASP.NET Core Blazor 路由和导航NavigationManager 类本文的主要内容就是全局的跳转。原创 2023-08-04 13:53:23 · 2421 阅读 · 0 评论 -
C# Blazor 学习笔记(10):依赖注入
Blazor 具有前后端不分离模式,但是如何直接调用需要一定的设置。原创 2023-08-02 23:32:35 · 1479 阅读 · 0 评论 -
C# Blazor 学习笔记(0.1):如何开始Blazor和vs基本设置
Blazor简单来说就是微软提供的.NET 前端框架。使用 WebAssembly的“云浏览器”,集成了Vue,React,Angular等知名前端框架的特点。原创 2023-08-02 21:13:01 · 1215 阅读 · 0 评论 -
C# Blazor 学习笔记(9):动态css/class绑定
之前我们说到,我们组件化有三个目的。不用写CSS不用写html不用写交互逻辑为了解决第一个目的,我们需要动态css。原创 2023-08-02 17:00:00 · 1313 阅读 · 0 评论 -
C# Blazor 学习笔记(8):row/col布局开发
可能是我用的element ui和 uView这种第三方组件用的太多了。我上来就希望能使用这些组件。但是目前Blazor目前的生态其实并不完善,所以很多组件要我们自己写。我们对组件的要求是我们在组件化一共有三个目的。不用写CSS不用写html不用写交互逻辑。原创 2023-08-02 16:37:16 · 675 阅读 · 0 评论 -
C# Blazor 学习笔记(7):组件嵌套开发
我们在组件化一共有三个目的。不用写CSS不用写html不用写交互逻辑简单来说就是Java常说的约定大于配置。我们只需要必须的参数即可,其它的都按照默认配置。我们不需要关系页面元素是如何调度的,我们只需要关系业务代码部分。做到组件一次声明,多次复用的效果。原创 2023-08-02 15:08:58 · 927 阅读 · 0 评论 -
C# Blazor 学习笔记(6):热重置问题解决
我最近在使用Blazor的时候,使用了BootstrapBlazor(以下简称BB)创建模板的时候,发现热重置无效。经过了一上午的折腾,我终于解决了这个问题。我其实根本不知道为什么能设置成功,我只是把我之前设置的步骤再设置了一下,而且结果也没问题。原创 2023-08-02 12:23:41 · 1007 阅读 · 1 评论 -
C# Blazor 学习笔记(5):blazor文件夹组件引入
为了更好的组件化管理整个文件,我选择使用分文件夹对项目组件进行分类。原创 2023-08-02 09:20:55 · 540 阅读 · 0 评论 -
C# Blazor 学习笔记(4):blazor代码分离
Blazor可以支持在razor文件里面添加cs代码,但是代码一旦复杂了之后就会变得特别的麻烦。但是VS提供了代码分组的功能。分离前分离后。原创 2023-08-01 15:44:19 · 762 阅读 · 0 评论 -
C# Blazor 学习笔记(3):路由管理
我们知道使用Blazor的官方模板,我们会自动得到一个拥有侧边栏的布局页面。但是我们发现我们所有新建的页面都有侧边栏。有时候我们需要跳出这个布局,比如我要做登录页面的时候,我们就希望只显示一个完整的页面,而不显示侧边栏。原创 2023-08-01 15:13:40 · 767 阅读 · 0 评论 -
Blazor第三方组件库推荐:BootstrapBlazor UI
Blazor是C#全栈追求极致开发速度的一个前后端不分离的框架,上限是在Winform,WPF,MAUI等宿主环境上面运行的全平台引用。和Electron一样,解决方案都是套壳浏览器。为了追求极致的开发速度,Blazor急需Blazor版本的Element UI。但是我发现国内竟然有微软技术爱好者开发了这个UI框架,还是开源的。这也太厉害了吧。我对开源框架的开发者一直都是最崇高的敬意的。不说了,写完这个公司小项目就去打钱给作者。原创 2023-08-01 11:13:33 · 3066 阅读 · 0 评论 -
C# Blazor 学习笔记(2):组件模板化/插槽
组件模板化我们在WPF经常遇到,这里将一下Blazor是如何解决的。原创 2023-07-31 16:16:18 · 840 阅读 · 0 评论 -
C# Blazor 学习笔记(1):Blazor基础语法,组件化和生命周期
这里我们会讲解Blazor的基础语法和简单组件化使用Blazor 常用语法介绍。原创 2023-07-31 15:19:20 · 2031 阅读 · 0 评论 -
C# Blazor 学习笔记(0):初识Blazor
支持热重置通过@code开辟C#代码部分。原创 2023-07-31 14:11:39 · 658 阅读 · 0 评论