Blazor 与剃刀

Question

随着 Blazor 的发明，我想知道这两种语言之间是否有显着的效率（在代码创建和代码的实际编译/执行方面）？

https://github.com/SteveSanderson/Blazor

与普通的旧 Razor 相比，如果有人实际实施了它，您是否进行过任何性能测试，或者有关于代码编写过程的轶事（是的，抱歉，抱歉，我要求这样做）反馈？

Answer 1

我在下面提供的信息大部分来自 Steven Anderson's Feb. 2 Blog entry 和我自己对项目目标的理解：

Blazor 旨在结合当前 .NET Razor 堆栈中的想法具有现代 SPA 框架架构。

代码创建

旨在灵活并鼓励基于组件的布局，如本例所示：

<div class="my-styles">
   <h2>@Title</h2>
   @RenderContent(Body)
   <button onclick=@OnOK>OK</button>
</div>

@functions {
    public string Title { get; set; }
    public Content Body { get; set; }
    public Action OnOK { get; set; }
}

它在 html 标记中创建了一个可重用的组件：

<MyDialog Title="Ski Lift controls" onOK="DismissSkiDialog">
    Gondola @gondolaId is now <em>running</em>
</MyDialog>

执行

预计 Blazor 会很快，因为 webAssembly 很快。它编译成字节码，由浏览器的 wasm 加载器直接执行。例如，在javascript中，需要先加载.js个文件，然后合并单独的文件，然后解析和标记化并构建成树结构，然后可以由浏览器的[=80]解释=]引擎（例如chrome's v8 engine）。

有关 webAssembly 和 javascript 执行的深入比较，请参阅 this post。

SPA 架构与设计

由于已经在 javascript 中为 Web 构建了很多很棒的框架，Blazor 受到现代框架（例如 React、Vue 和 Angular 中已经使用的想法的启发，并将以post 中详述的概念，例如：

布局
路由
依赖注入
延迟加载
单元测试

请注意，虽然这些概念存在于 Razor 的服务器端，但并非所有概念都存在于客户端。前端路由在 Razor 中不可用，并且经常与 javascript 框架结合使用以填补该场景。

我个人曾开发过与 AngularJs 一起为 Razor 页面提供服务的企业应用程序。它有时会变得凌乱，而且从来没有感觉到 'clean'。

总结

Razor 是基于服务器架构的解决方案，可以处理 api 逻辑和服务器端模板，但它不能提供 javascript.

之外的客户端逻辑

Blazor 是下一步（希望是继任者），它将允许与 Razor 相同的服务器端功能，但将使用 C# 而不是 javascript 来集成客户端逻辑。

我目前正在使用 Blazor 进行小型测试项目，到目前为止我发现它易于使用。但正如博客和 GitHub 页面状态中的警告一样，它甚至还没有接近生产准备就绪。

第 3 方编辑自 2018-09-26

在 .NET Conf 2018 中宣布 Razor components ("server-side Blazor") will be part of .NET Core 3.0。显示此代码：

// inside index.cshtml - serverside use of blazor
<SurveyPrompt Title="How is Blazor working for you?" />
<div>
     <img id="bot" src="@imageurl" />
<div>
<button class="btn btn-primary" onclick="@changeImage">Click me</button>

@functions{

    string imageurl = "/images/dotnet-bot-1.png";

    void changeImage()
    {
        if(imageurl.Contains("1"))
        {
            imageurl= imageurl.Replace("1", "2");
        } 
        else 
        {
            imageurl= imageurl.Replace("2", "1");
        }
     }
}

Answer 2

简而言之：

Razor 是 .NET 的流行模板标记语法。 Blazor（浏览器 + Razor）是一个 .NET-based 网络框架，可以运行在客户端使用 WebAssembly 或运行通过 SignalR 在服务器上使用运行。

举个例子，Razor 是您使用 ASP.NET 创建 Web 应用程序时使用的语法，您可能以前见过：

<h1>
  Hello @Model.Username
</h1>

剃须刀负责根据模型中的数据渲染 HTML，同时还支持各种条件和循环。

另一方面，Blazor 是一种类似于 ASP.NET Core & ASP.NET MVC 的技术，因为：

它为 Web 应用程序提供动力它使用 Razor 作为模板语法来创建 UI。一个常见的误解是 Blazor 使用 Razor。另外两个类似的术语——Blazor 组件和 Razor 组件进一步加剧了这种情况。它们被广泛互换使用，但正确的术语是 Razor 组件。组件是单个 Razor 文件（扩展名为 .cshtml）中的标记（用 HTML 编写）和逻辑（用 C# 编写）的组合。

您可以找到更多信息here。

Answer 3

您可以将 Blazor 调用为具有额外功能的 Razor 组件！ Razor 系列的其他变体是 Razor 视图和 Razor 页面。 ASP.NET 已将它们全部合并在一起，您可以只拥有它们并在一个项目中全部使用它们。它们只是 ASP.NET Core 中的服务，您可以只注册或注入您想要的东西，这是 ASP.NET 的一个非常好的功能。查看 eShopOnWeb 参考应用程序。 eShopOnWeb

Blazor 与剃刀

Blazor vs Razor

c#

razor

asp.net-core

blazor

第 3 方编辑自 2018-09-26