原文:Blazor——Asp.net core的新前端框架

Blazor是微软在Asp.net core 3.0中推出的一个前端MVVM模型,它可以利用Razor页面引擎和C#作为脚本语言来构建WEB页面,如下代码简单演示了它的基本功能:

和Angular JS和VUE的模型非常类似,Blazor 支持大多数应用所需的核心方案:

  • 参数
  • 事件处理
  • 数据绑定
  • 路由
  • 依赖关系注入
  • 布局
  • 模板
  • 级联值

使用Blazor主要有如下好处:

  • C# 语言:使用 C# 代替 JavaScript 来编写代码。
  • .NET 生态系统:利用现有的 .NET 库生态系统。
  • 完整堆栈开发:共享服务器和客户端逻辑。
  • 快速且具有可伸缩性:.NET 旨在实现出色的性能、可靠性和安全性。
  • 行业领先工具:始终高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
  • 稳定性和一致性:以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。

 

客户端模式:

运行Blazor需要C#支持,在客户端模式下,通过WebAssembly的方式实现的:

  • C# 代码文件和 Razor 文件将被编译为 .NET 程序集。
  • 该程序集和 .NET 运行时将被下载到浏览器。
  • Blazor 客户端启动 .NET 运行时并配置运行时,为应用加载程序集。 文档对象模型 (DOM) 操作和浏览器 API 调用将由 Blazor 客户端运行时通过 JavaScript 互操作处理。

 

服务端模式:

Blazor组件呈现逻辑也可以在服务端实现,通过SingalR连接传递UI更新:

  • 处理从浏览器到服务器的发送 UI 事件。
  • 运行组件后,将服务器发送的 UI 更新重新应用到浏览器。

 

两种模式的比较:

和客户端模式相比,服务端模式有如下有点:

  • 客户端不需要WebAssembly支持,具有更好的客户端兼容性
  • 不需要下载.net webassembly程序集,具有更小的页面加载时间
  • 可以运行完整的.net runmtime,可以实现更加强大的功能

但同时也有如下缺点:

  • 所有操作都需要发往服务器,网络不好的时候有延时
  • 所有运算都在服务端进行,服务器端具有更大的处理压力

综上所述,客户端具有更好的效率,服务端具有更少的约束和更强大的功能,对于一些对性能要求不高和网络不差的场景,服务端模式无疑是非常合适的选择。

 

参考文章:

  1. Blazor 简介
  2. https://dotnet.microsoft.com/apps/aspnet/web-apps/client
  3. https://blazor-tutorial.net/

最新文章

  1. 深入理解CSS溢出overflow
  2. HDU 1892 See you~
  3. Android 解决调用系统相册打不开图片 DecodeServices报解码错误
  4. 继续畅通工程(kruskal prim)
  5. Android-adb相关
  6. Redhat6.4下配置本地yum
  7. 关于SpringMVC中如何把查询数据全转成String类型
  8. kafka生产实践
  9. Java第5次实验提纲(Java图形界面编程)
  10. @RequestParam与@PathVariable
  11. cents上运行wget报错:unable to resolve host address
  12. Python之关于量化投资实现代码--根据策略提出的代码--还未完善
  13. 蓝凌OA常用表整理
  14. dotNet core 应用部署centos
  15. 13-6_mysql索引_1_Mysql_Learning_Notes_20180719_13-6
  16. CRC32加密算法原理
  17. 【BZOJ】1004: [HNOI2008]Cards(置换群+polya+burnside)
  18. BD面试题1-两个大文件中找出公共记录[转载]
  19. 系统数据库--恢复Master数据库
  20. oracle--块信息深入解析

热门文章

  1. 如何用纯 CSS 创作背景色块变换的按钮特效
  2. back to back
  3. day23 02 组合(继续人狗大战游戏)
  4. selenium.common.exceptions.WebDriverException: Message: u'unknown error: cannot get automation extension\nfrom unknown error: page could not be found: chrome-extension://aapnijgdinlhnhlmodcfapnahmbfeb
  5. mysqldump 常见报错及解决
  6. mysql复制延迟排查
  7. SGU 149 树形DP Computer Network
  8. python基础学习笔记——迭代器
  9. 【javascript面试题】5个经典的面试题
  10. appium+python自动化-xpath定位