Study Blazor .NET(一)简介
翻译自:Study Blazor .NET,转载请注明。
介绍
Blazor是一个全新的 Web UI 框架,它使用c# 、Razor 和 HTML以及 WebAssembly W3C标准。它提供了用C#而不是Javascript构建交互式网页的功能。
Web Assembly(Wasm)
Wasm是W3C开放标准,目的是在浏览器中运行低级字节代码。基于此标准,我们可以在浏览器中直接运行服务端语言(Rust,C++,C#…)代码,从而代替Javascript。
还记得Java applets 和 Microsoft silverlight技术吗?那时候我们不得不在浏览器中安装插件才能运行Java和C#代码,但是WebAssembly提供了基础标准,现在不需要任何插件了。二进制格式以.wasm 文件表示,提供接近本机的性能。
SPAs
单页应用程序(SPA)是指web应用程序建立在浏览器的单个页面上,并且页面块在不需要渲染整个页面的情况下动态渲染。
Angular,React,Vue和一些其他语言都支持构建单页应用程序,但是这些语言都是在Javascript的基础上构建。现在,微软为使用C#构建单页应用程序提供了基础,在ASP.Net Core中使用类似Razor语法的c#,叫做Blazor。
ASP.Net Core
ASP.Net core是可以运行在Linux、Mac和Windows操作系统中的开源web框架。现在ASP.Net core提供了新的web框架Blazor,可以在浏览器中使用c#和WebAssmbly标准构建单页应用程序。
组件
在单页应用程序里,页面中基于用户交互动态渲染的区块称为组件。单页应用程序就是组件的集合,同时它也支持客户端路由以提供类似多页面和页面导航的功能。
优点
- 提供近乎原生的性能、高效和可移植性。
- 我们可以使用现有的丰富的.net生态系统,在网页中包含例如Office工具和其他来自 Nuget 的工具。
- 代码维护和调试更加可靠。
缺点
- Javascript已经非常成熟并且市场上已经存在很多相关的库。
- 使用Web Assembly标准的Blazor对于市场来说是全新的,需要时间成熟,并且.net技术在WebAssembly应用方面也还处于初期阶段。
Study Blazor .NET(一)简介的更多相关文章
- Study Blazor .NET(四)数据绑定
翻译自:Study Blazor .NET,转载请注明. 数据绑定 单向绑定 在blazor中单向绑定简单而直接,无需UI刷新或渲染.下面示例展示了单向数据绑定: //Counter.razor @p ...
- Study Blazor .NET(三)组件
翻译自:Study Blazor .NET,转载请注明. 关于组件 blazor中组件的基础结构可以分为以下3部分, //Counter.razor //Directives section @pag ...
- Study Blazor .NET(二)安装
翻译自:Study Blazor .NET,转载请注明. 安装 请根据下面步骤安装开始使用Blazor: 1.针对不同的操作系统,安装最新版.Net Core框架 [这里] 2.用.Net Core ...
- Blazor Hybrid / MAUI 简介和实战
1. Blazor Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI. 共享使用 .NET 编写的服务 ...
- [推荐]大量 Blazor 学习资源(一)
前言 / Introduction Blazor 是什么? Blazor 允许您使用 C# 而不是 JavaScript 构建交互式 Web UI. Blazor 应用由使用 C#.HTML 和 CS ...
- MAUI与Blazor共享一套UI,媲美Flutter,实现Windows、macOS、Android、iOS、Web通用UI
1. 前言 距离上次发<MAUI初体验:爽>一文已经过去2个月了,本计划是下半年或者明年再研究MAUI的,现在计划提前啦,因为我觉得MAUI Blazor挺有意思的:在Android.iO ...
- MAUI Blazor 权限经验分享 (定位,使用相机)
入门文章 Blazor Hybrid / MAUI 简介和实战 https://www.cnblogs.com/densen2014/p/16240966.html 在 Mac 上开发 .NET MA ...
- ADNI以及study design简介
相关名词: MCI:轻度认知功能障碍 EMCI:早期认知障碍 MCI:轻度认知障碍 LMCI:晚期认知障碍 CN:认知正常的志愿者 DTI:doppler tissue imaging,多普勒组织显像 ...
- 来自后端的逆袭 blazor简介 全栈的福音
背景 什么是SPA 什么是MPA MPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计,早期的网站都是这样的设计,所之称为「网页设计」.使用 MPA ...
随机推荐
- CompleteFuture实现简单的任务编排实践
CompleteFuture实现简单的任务编排实践 一:前言 CompleteFuture是java8 新提供的API,是对函数式编程思想的体现,提供了很多的对于函数式编程支持.不止有同步处理功能 ...
- Win10开启剪贴板
点击任务栏下方右侧的会话窗口 点击所有设置 在搜索栏中输入剪贴板,点击进入剪贴板设置 开启剪贴板历史记录 按下组合键win + v即可呼出剪贴板
- 【UE4 C++】Tick的三种方式、异步蓝图节点
Tick的三种方式 包括 默认 Tick (Actor.Component.UMG) TimerManager 定时器 FTickableGameObject 可以写原生 Object 也可以继承UO ...
- [no code] Scrum Meeting 博客目录
项目 内容 2020春季计算机学院软件工程(罗杰 任健) 2020春季计算机学院软件工程(罗杰 任健) 作业要求 Scrum Meeting博客目录 我们在这个课程的目标是 远程协同工作,采用最新技术 ...
- 【二食堂】Beta - Scrum Meeting 2
Scrum Meeting 2 例会时间:5.14 18:30~18:50 进度情况 组员 当前进度 今日任务 李健 1. 还在进行摸索,目前做出了一个demo可以进行简单的划词 issue 1. 继 ...
- [CPP] 类的内存布局
本文可以解决下面 3 个问题: 以不同方式继承之后,类的成员变量是如何分布的? 虚函数表及虚函数表指针,在可执行文件中的位置? 单一继承.多继承.虚拟继承之后,类的虚函数表的内容是如何变化的? 在这里 ...
- 六步教你如何用PADS进行PCB设计?
在使用PADS进行PCB设计的过程中,需要对印制板的设计流程以及相关的注意事项进行重点关注,这样才能更好的为工作组中的设计人员提供系统的设计规范,同时也方便设计人员之间进行相互的交流和检查. 02 设 ...
- hdu 2200 Eddy's AC难题(简单数学。。)
题意: N个人,每个人AC的题数都不一样. Eddy想从中选出一部分人(或者全部)分成两组.必须满足第一组中的最小AC数大于第二组中的最大AC数. 问共有多少种不同的选择方案. 思路: 简单数学.. ...
- Envoy实现.NET架构的网关(五)集成Redis实现限流
什么是限流 限流即限制并发量,限制某一段时间只有指定数量的请求进入后台服务器,遇到流量高峰期或者流量突增时,把流量速率限制在系统所能接受的合理范围之内,不至于让系统被高流量击垮.而Envoy可以通过e ...
- DeWeb第1个通用化模块:登录模块,仅需要修改一个配置文件即可实现登录功能
演示: https://delphibbs.com/login.dw 开发环境和源代码 https://gitee.com/xamh/dewebsdk 效果图: 配置方法: 在Runtime目录中放一 ...