在上一篇我们学习了Blazor+SignalR开发简单的实时应用程序，这一篇我们了解下Blazor和JavaScript的互操作性。
Blazor 是一个可是使用 .NET/C# 来编写交互式客户端的 Web UI 框架，在官网有一句话概括 “Build client web apps with C#”。在 Blazor 里面有三个比较重要的概念：
最近Blazor热度很高，传说马上就要发布正式版了，做为微软脑残粉，赶紧也来凑个热闹，学习一下。
Blazor 是一个相对较新的框架，用于构建具有 .NET 强大功能的交互式客户端 Web UI。一个常见的用例是将现有的 Excel 文件导入 Blazor 应用程序，将电子表格数据呈现给用户，并且能够允许进行任何更改，最后将该数据导出回 Excel 文件或将其保存到数据库。
本文演示如何在WPF[1]中使用Blazor[2]开发漂亮的UI，为客户端开发注入新活力。
在上一篇我们学习了如何创建和使用Razor类库，这一篇我们了解下WebAssembly是什么，以及创建第一个Blazor WebAssembly应用。
.NET 5 正式发布已经有一段时间了，其中 Blazor 技术是该版本的亮点之一。作为微软技术的被坑者，年少的我曾经以为 SilverLight 能血虐 Flash，Zune 能团灭 iPod，WP 能吊打 iPhone，UWP 能统一全平台…… 可是后…… 最终步入大龄程序员的我发现，只有陪伴了我将近 20 年的ASP.NET 还没有完蛋。于是我这两天花了点时间，尝试将我的一个 UWP 小工具用 Blazor 重写，分享给大家。
web最精妙的设计就是通过url把多个页面串联起来，并且可以互相跳转。我们开发系统的时候总是需要使用路由来实现页面间的跳转。传统的web开发主要是使用a标签或者是服务端redirect来跳转。那今天来看看Blazor是如何进行路由的。
注 要使WPF支持Blazor，.NET版本必须是 6.0 或更高版本，本文所有示例使用的.NET 7.0，版本要求见链接，截图看如下文字：
可以看出，Blazor是微软试图推出一个拜托现有的ASP.NET WebForm,MVC这类混合开发模型下的，应对当前单页WEB应用和前后端分离趋势的一次尝试。
Blazor是一个基于C#， Razor和 HTML的新的Web UI框架。它通过WebAssembly运行在浏览器中。有利于使用C#而不是JavaScript构建交互式的Web UI。这篇文章演示了如何使用Blazor构建SPA应用。Blazor简化了可在任何浏览器中运行的快速且美观的SPA的任务。它通过使开发人员能够编写基于Dotnet的Web应用程序来实现此目的。这些应用程序可以在使用了开放Web标准的浏览器中运行。让我们开始使用Blazor吧。在这篇文章中，我们将讨论一下内容：
在 Blazor 中，从名为“组件”的自包含代码部分生成 UI。每个组件都可以包含 HTML 和 C# 代码的混合。组件是通过使用 Razor 语法编写的，其中的代码是用 @code 指令标记的。其他指令可用于访问变量、绑定到值以及实现其他呈现任务。
经常看我公众号的朋友应该能看出来，我的文章基本都是.Net、Android、OpenCV的相关的，用到的语言C#、Kotlin、C++、还有现在偶尔还维护下的Delphi老代码。本来也想空余时间学一下前端的，公众号里也有几篇VUE文章，后台没再继续学习的主要原因就是学习的成本太高，除了JS的语言，像编译部署、环境搭建、跨域访问等一系列的东西，需要花费的时间太多。前阵子.Net5发布后跟着做了个小的东西，也是无意间看到了Blazor后，抱着测试看看是否占用学习时间太多的想法做了个Demo，于是有这今天这篇。
在 ASP.NET Razor 中，我们可以创建自定义的组件（通常称为“Razor 组件”或“Blazor 组件”），并为这些组件定义事件。这些事件允许组件的用户在特定情况发生时执行代码，例如用户点击按钮、组件的状态发生变化等。同时，HTML 元素也有内置的事件，如 onclick、onchange 等，这些事件允许我们在浏览器端直接响应用户的交互。
最近在几个微信 .NET 交流群里大家讨论比较频繁的话题就是这几天自己的面试经历。
在上一篇我们学习了Blazor和JavaScript的互操作性，这一篇我们了解下如何创建和使用Razor类库。
Blazor WebAssembly可以在浏览器上跑C#代码，但是很多时候显然还是需要跟JavaScript打交道。比如操作dom，当然跟angular、vue一样不提倡直接操作dom；比如浏览器的后退导航。反之JavaScript也有可能需要调用C#代码来实现一些功能，毕竟客户的需求是千变万化的，有的时候只能通过一些hack的手段来实现。
Dotnet9网站回归Blazor重构，访问速度确实飞快，同时用上Blazor的交互能力，站长也同步添加了几个在线工具，这篇文章分享下Blazor的重构过程，希望对大家网站开发时做技术选型有个参考。
由于第七天Blazor前端页面编写和接口对接的内容比较的多，所以这一章节将会分为三篇文章来进行讲解，大家可以认为分为早、中、晚来进行阶段性学习，从而提高学习效率😁。
https://www.cnblogs.com/easywebfactory/p/18289178
Blazor 是一个 Microsoff ASP.NET Core 框架，用它无需任何附加组件或插件即可在浏览器中运行.NET 应用程序。相比之下，Angular 是一种基于组件的流行 JavaScript 框架，用于构建可扩展的 Web 应用程序。
Blazor不得不说真是好东西，极大的提升了开发效率，很多的页面交互功能基本上只需要写很少的代码就能实现了，而且还是无js实现，你也绝对没有想到过，Blazor实现文件上传是有多么简单！
上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。
https://www.cnblogs.com/shanyou/p/17858385.html
https://www.cnblogs.com/eventhorizon/p/17481757.html
可以通过在页面注入 NavigationManager 调用 NavigateTo 方法进行跳转
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
.NET Foundation提供的Blazor应用程序构建工作坊，Blazzing Pizza。
https://www.cnblogs.com/shawshank/p/17390248.html
Razor 文件定义了构成部分应用 UI 的组件。Blazor 中的组件类似于 ASP.NET Web Forms 中的用户控件。
最近在学习Blazor做全栈开发，因此根据老习惯，我会将我的学习过程记录下来，一来体系化整理，二来作为笔记供将来翻看。
Blazor他是一个开源的Web框架,不,这不是重点，重点是它可以使c#开发在浏览器上运行Web应用程序.它其实也简化了SPA的开发过程.
最近想给之前文章《下载中转加速器 VPSDownloader.NET（.NET Core 程序部署到 Linux 系统）》中提到的 VPS 文件中转下载服务添加一个前端页面，其实之前也想使用热门的前端框架 Vue 来做，也做了点工作了，但是毕竟不是前端开发，上手起来还是比较慢的，而且引入了 NodeJS 等技术栈，和后端的 ASP.NET Core WebApi 也不共存于一个项目，开发和维护起来不太方便。后来了解到了发展如火如荼的 Blazor 框架，这个是微软开发的 .NET 领域的前端框架，在某种程度上和以前的 WebForm 有点类似，不过以前那个是微软自己搞的，大家都不待见它，现在这个是符合 Web 领域新标准 WebAssembly，而且 UI 方面也可以使用现有的成熟库。总之，使用 Blazor，可以使用 C# 代码来代替（当然也是兼容的）JavaScript 代码，使 .NET 开发人员能有极致的全栈开发体验，颠覆以往那种 “师夷长技以制夷” 的前端开发方式，所以决定学习使用一下。另外，本文的 Blazor 项目使用 Blazor Server 模式，而不是 Blazor WebAssembly 模式。
Blazor 组件，可用作简单的计划程序或执行定期重复的任务 通过调用自定义异步代码。所有组件都适用于 WebAssembly 和服务器托管模型。有关代码示例，请参阅用法。
最近一直在录Blog.Core相关的操作视频，也没有研究过什么新的东西，公司也各种项目迭代，特别是从Fwk迁移到NetCore，真的是不是一个容易的事，闲的时候，为了歇歇脑子，就抽出时间简单看了看又有哪些新技术，最近聊的挺多的就是Blazor了吧，所以我也看了看，这里声明一点，我并不打算出一个完整的Blazor系列教程（最近老有人让我出系列教程🙃），只是走马观花的过一遍，看看这个到底是一个什么东西，感兴趣的自己可以去深入学习下，毕竟现在的资料还不是最多的，可以锻炼下自己，而且也算是一个吃螃蟹的人，毕竟有
上个月发了篇文章《Blazor 中如何下载文件到浏览器》，介绍了调用《下载中转加速器 VPSDownloader.NET（.NET Core 程序部署到 Linux 系统）》中提到的 VPS 文件中转下载服务后，如何将下载的文件以 Blazor 的方式传出到浏览器的方法。那么这篇文章就回过头来，介绍一下本项目（VPSDownloader.NET）使用 Blazor 的过程。
以上的sum函数，可以这样调用：sum()，没有传任何实参的时候a和b变量没有赋值，则a和b都是undefined。也可以这样调用sum(10)，这样就表示a变量赋值10，b变量仍undefined。还可以这样调用：sum(1,2)，这样则表示a是1，b是2。
Blazor 的路由系统就和 ASP.NET MVC的路由系统一样，可以为我们提供灵活的选项，可用于确保用户请求到达可处理它们并返回用户想要的信息的组件。
我们都知道在6月12日的时候微软发布了.NET Core 3.0的第6个预览版。针对.NET Core 3.0的发布我们国内的微软MVP-汪宇杰还发布的官翻版的博文进行了详细的介绍。具体的可以关注“汪宇杰博客”公众号，或者我的“DotNetCore实战”公众号然后在历史文章里面进行查阅。而我们这篇文章将会介绍本次更新中对ASP.NET Core和Blazor所做的更新。当然本文的大部分内容翻译自ASP.NET的首席项目经理Daniel Roth的介绍。
书接上文，关于Blazor学习呢，我也发了几篇文章了，我一般写东西都喜欢偏实战，当然也有系列教程的情节，还记得当时在群里，我说简单看看，浅尝辄止吧，没想到慢慢的发现了解的就越来越深入了，这里我我们再来一个前情回顾：
Blazor 是将 C# 引入浏览器的 Microsoft 试验框架，正好可以填补欠缺的 C# 一环。如今，C# 程序员可以编写桌面、服务器端 Web、云、电话、平板电脑、手表、电视和 IoT 应用程序。Blazor 填补了欠缺的一环，C# 开发人员现在可以直接在用户浏览器中共享代码和业务逻辑。对于 C# 开发人员来说，这是一项十分强大的功能，可显著提升工作效率。
全文翻译自微软官方文档英文版 What's new in ASP.NET Core 3.0
本篇我们来构建第一个Blazor Web应用，这里我们选择Blazor Server类型，后面我们再学习Blazor WebAssembly类型。
现在前端几大轮子全面组件化。组件让我们可以对常用的功能进行封装，以便复用。组件这东西对于搞.NET的同学其实并不陌生，以前ASP.NET WebForm的用户控件其实也是一种组件。它封装html代码，封装业务逻辑，对外提供属性事件等信息，它完完全全就是个组件，只是用户控件跑在服务端，而现在的组件大多数直接跑在前端。现在Blazor Webassembly微软正式把组件带到前端，让我们看看它是怎么玩的。
Razor 组件主要与 UI 表示有关。生成 UI 所涉及的部分工作通常涉及与数据存储进行通信，可能是通过 Web 服务。可能需要记录组件中的操作和事件。数据访问和日志记录不是 Razor 组件的主要关注点。执行日志记录或提取数据的代码不属于 UI 组件。在 Razor 组件中包含此类代码会违反单一原则。
在其最简单的模式中，您可以简单地将核心 Vue 脚本包含在您的应用程序中，然后开始构建您的组件。
前言 HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 常用的一些事件 事件名称 作用 onload 通常用于 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 onunload 用户退出页面。( 和 ) onclick 当用户点击某个对象时调用的事件句柄。 onmouseover 鼠标移到某元素之上。 onmouseout 鼠标从某元素移开。 ondblclick 当用户双击某个对象时调用的事件句柄。 onkeydown 某个键盘按键被按下。
最近 .NET 6 Preview 1 发布了，.NET 统一是此版本的核心。大家可以读一下原文博客：
IE8中提供的事件监听器为：element.attachEvent(eventName,functionName)
如果希望 HTML 元素显示值，可以编写代码来更改显示内容。如果值发生更改，则需要编写额外的代码以更新显示内容。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
