全文共2308字,预计学习时长6分钟

图源:unsplash

过去几年里,JavaSceipt一直是单页面应用程序中最受欢迎、使用最广泛的语言。但是最近,微软引进了一款叫做Blazor的框架,使我们能够使用C#语言开发基于浏览器的应用程序。

本文会带你认识Blazor以及其大量宣传的原因,并将其与JavaScript进行比较。

Blazor是什么?

Blazor(Browser+Razor)是微软引进的一款全新的网站开发框架,能在使用HTML和CSS的同时,运用C#语言和Razor语法开发基于浏览器的应用程序。之前,开发者要在浏览器中呈现HTML,需要在服务器端执行Razor视图——但是现在,Razor视图在客户端就能执行。

因为Blazor运用WebAssembly,我们不需要在网络浏览器中安装运行任何第三方插件或附加设备。有了Blazor,就可以运用C#语言开发客户端及服务器端口,通过共享库和代码使工作更加舒适。

截屏由作者提供:Blazor样本代码

广泛宣传背后的原因

Blazor的排名在短期内上升得很快,人们已经将其与广受欢迎的javascript框架相比。关于未来客户端网站开发的讨论有很多,这些讨论和比较使Blazor变得更受欢迎。让我们来看看Blazor的独特之处。

正如我在开头提到的,Blazor主要的亮点在于能够使用C#语言开发并执行基于浏览器的运用程序。在过去的几年,JavaScript(或是TypeScript)是创建前端的首选编程语言。如果你是个.NET开发者,要成为全栈网站开发者,必须额外学习JavaScript。运用Blazor可以使用C#语言同时开发服务器端和客户端,对我而言,这是Blazor最主要的优势。

与JavaScript不同,Blazor预编译到中间语言。当涉及到浏览器中运行的对性能要求高的应用程序时,这个特点有显著的优势。另外,当需要更多处理能力时,Blazor应用程序可以线下工作一段时间,例如PDF生成器、游戏算法等等。

上述之外,Blazor还有很多特点/优势:

· Blazor不需要浏览器插件

· 能够进行完整的.NET调试

· 使用最新的网页浏览器功能

· 可构建用户界面的模型

· 浏览器兼容性强(即使对象是旧版本)

· 可依赖注入

· 可在用户和服务器间共享代码

JavaScript Vs. Blazor

Blazor会替代JavaScript吗?JavaScript会一直保持其主导地位吗?每个人都在寻求答案。现在对这些问题做出直接预测或结论还为时尚早,但我们可以把一些JavaScript的主导框架和Blazor进行比较来看看它们的区别。

Blazor vs. React

很多人认为React是web组件开发的最佳使用库。

虽然对这两者进行比较很难,但我们必须承认React组建完善,有可靠的工作业绩,并拥有强大的社区。

React生态系统的繁荣发展离不开优秀的库和框架。我认为,这个过程中的工具和库像Bit(Github)那样,是能帮助管理和共享React组件并真实存在的制动器。

这使得React成为“通用语言”,能够为web、CLI、iOS、Android、Windows等等提供应用程序的库。与像Bit一样的组件共享工具相结合,让React难以超越。

相比之下,Blazor很新,但是继承了其组建完善的副本Razor的风格,因此我们不认为它对开发者来说是全新的。此外,因为运用Blazor的开发使用C#语言,对任何.NET开发者来说转变都会更快速。虽然发展成熟的React带有大量的特点和优势,但我们也注意到,抛开年限问题,Blazor也具备很多先进的功能。

· 和React类似,我们也可以把Blazor部署为静态文件。

· 可以使用NuGet package。

· 可以在客户端和服务器端使用相同的组件。(当然,这在使用JS/TS时也是可能的)

· Blazor有路由、验证和表单处理的内置支持。

这只是Blazor提供的功能中的一部分。如果你的开发团队善于使用JavaScript,继续使用React会是最好的选择;如果你忠实于.NET而不是JavaScript,并且正在开始一个新的项目,Blazor是一个值得考虑的不错选择。

图源:unsplash

Blazor vs. Angular

Angular是另一个受欢迎的JavaScript框架。与React相比,它更多的是一个完整的框架而不是库。Angular为客户端提供MVC架构来简化开发,并测试流程。

相比较,Angular仍处于领先位置,因为其知名度高、稳定,并且生产就绪。此外,Angular完全支持PWA,而Blazor的服务器端还不具兼容性。

再者,因为Angular使用TypeScript,它相较于JavaScript对C#语言开发者来说更相关、更好理解。有Angular控制局势,我没有发现Blazor有任何突破性的功能,可以促使擅长TypeScript的人转而使用Blazor。

说取代JavaScript还为时尚早,但不得不说,Blazor未来可期。

留言点赞关注

我们一起分享AI学习与发展的干货

编译组:邓逸瑶、李紫瑶

相关链接:https://blog.bitsrc.io/frontend-dev-blazor-vs-javascript-35f27e0fd618

如转载,请私信小芯,遵守转载规范

javascript服务器端验证_Blazor对打JavaScript:谁会成为前端应用程序的首选框架?...相关推荐

  1. 如何在JavaScript中验证电子邮件地址

    如何在JavaScript中验证电子邮件地址? #1楼 与squirtle相比 ,这是一个复杂的解决方案,但是在正确验证电子邮件方面做得非常出色: function isEmail(email) { ...

  2. javascript验证_使用JavaScript验证信用卡

    javascript验证 We all know that JavaScript shouldn't be a web form's only method of validation but cli ...

  3. html表单 asp验证,ASP中JavaScript处理复杂表单的生成与验证

    ASP中JavaScript处理复杂表单的生成与验证 更新时间:2007年03月25日 00:00:00   作者: 这里所谓的复杂表单,是指表单中包含多种不同的输入类型,比如下拉列表框.单行文本.多 ...

  4. html表单验证js代码,JavaScript表单验证实现代码

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输 ...

  5. html自动验证邮件地址格式,JavaScript表单验证和邮箱格式验证的方法

    JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单 ...

  6. JavaScript正则表达式验证手机号码

    JavaScript正则表达式验证手机号码 JavaScript正则表达式验证手机号码 JavaScript正则表达式验证手机号码 号段来源:https://www.jihaoba.com/tools ...

  7. javascript正则表达式验证手机号

    javascript正则表达式验证手机号 限制条件 以1为开头 第二位为3 4 5 7 8中的任意一位 最后以0-9的9个整数结尾 //^[1]:第一位限制为1 //[3,4,5,7,8]:第二位限制 ...

  8. javascript正则表达式验证email

    JavaScript表单验证email,判断一个输入量是否为邮箱email,通过正则表达式实现. //检查email邮箱 function isEmail(str){        var reg = ...

  9. html正则表达式验证电话号码,Javascript正则表达式验证账号、手机号、电话和邮箱的合法性...

    正则表达式是用于匹配字符串中字符组合的模式.在 JavaScript中,正则表达式也是对象.这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match.rep ...

  10. html验证座机号码_使用JavaScript正则表达式验证电话、手机号码

    使用 JavaScript 正则表达式验证电话.手机号码 电话手机号码正则表达式 (支持手机号码, 3-4 位区号, 7-8 位直播号码, 1 - 4 位分机号) ((\d{11})|^((\d{7, ...

最新文章

  1. 005 Ceph配置文件及用户管理
  2. 8.2 动力系统的贝叶斯推理
  3. GetWindowThreadProcessId 获得窗口所在进程ID和线程ID
  4. vue将原生事件绑定到组件
  5. CSS每日学习笔记(1)
  6. RecyclerView的ItemAnimator
  7. matlab要求 基础,Matlab基础考试要求.doc
  8. 6.1. 概率密度估计
  9. centos 6 安装clamav杀毒软件查毒
  10. Flash计时器次数为什么设置1次的重要性
  11. 4k颜色测试软件,BMPC 4K 使用达芬奇LUT 调色测试
  12. Android Parcel数据传输源码解析
  13. Vivado高速时钟差分走线布线
  14. SpringBoot+Mybatis-Plus+Shiro整合的RBAC权限系统
  15. android 手机存储大小设置,安卓手机怎么设置增加虚拟内存
  16. matlab 错误使用*
  17. 学习笔记1:搭建floodlight+mininet+sflow环境
  18. kali下apt/dpkg 卸载软件
  19. 论文阅读 6 | Bayesian Meta-Learning for the Few-Shot Setting via Deep Kernels
  20. 前端八股文面试题集合

热门文章

  1. WinForm编程开发实用技巧14则(转)
  2. HDU5828 Rikka with Sequence
  3. http抓包实践--(二)--web网页抓包和fiddler修改包
  4. js高级学习笔记(b站尚硅谷)-8-关于语句分号的问题
  5. nginx基于端口的虚拟主机配置实战
  6. linux的mongo主从异常,解决Linux系统下MongoDB数据库异常退出的问题
  7. xgboost安装_机器学习笔记(七)Boost算法(GDBT,AdaBoost,XGBoost)原理及实践
  8. 计算机组装与维护文化建设,计算机组装与维护能力标准实训教程
  9. phpexcel 日期 时分秒_PHPExcel对于Excel中日期和时间类型的处理
  10. Java学习笔记——网络编程