首页 > 其他分享 >打开MASA Blazor的正确姿势1:目录&MASA Blazor是???

打开MASA Blazor的正确姿势1:目录&MASA Blazor是???

时间:2023-02-13 18:24:48浏览次数:72  
标签:姿势 MASA 前端 开发 组件 Blazor Stack

一、MASA Blazor???


1、前端技术那么多,为什么选Blazor?

  • 嗯?!~
  • 未来:Blazor将能够融合服务端渲染、SPA、WebAssembly、跨平台开发的多方优势(Blazor United)。目前布局方向太多、想要得太多,所以感觉哪个方向都不得劲。
  • 现实:如果就想蹲在.NET框架里,Blazor是最好、也是唯一选择。它简单(比Vue还简单),它趋于稳定(发布三四年),它还在不断创新(BlazorHybrid、BlazorUnited)
  • 题外话:应该不会有多少其它前端技术栈的兄弟来看Blazor,但.NET技术栈的兄弟一定会去看看Vue、React或Flutter,咱NB哇!

2、Blazor的组件库很多,为什么选MASA(不是NASA)?

  • 它根据Vue领域的 头号 组件库Vuetify,1:1还原,Material Design风格,好看好用,对响应式的支持无出其右
  • 它是MASA Stack前端的内置组件库(而Stack是要对标SpringClound的猛男),如果使用MASA提供的前后端全家桶,它是首选
  • 还有官方一直强调的,咱是全职开发呀、咱是全套开源免费呀。开发社区的氛围是真得好,就是 星给的太少!

3、MASA Blazor可以用在哪些地方?

  • MASA Stack提供了一系列云原生基建项目,如Auth、配置中心、任务中心、告警中心等,这些项目的前端开发全部使用MASA Blazor。
  • 开发Web应用,或许这不够有吸引力,但现在Blazor应用可以直接托管到MAUI(微软跨平台UI),类似electron一样,使用Blazor技术开发跨PC和APP端应用,且性能潜力上,PC端优于electron、APP端优于webview。
  • 官网提供了一个Pro后台管理的模板,可以直接使用。
  • Blazor是目前对WebAssemble支持最好、投资最大的前端技术,谁都在说WebAssembly是未来。

4、MASA Blazor目前还存在哪些不足?

  • 还很年轻,目前还是1.0预览版(2023年4月1.0正式版),组件性能还需要继续优化,个别组件体验有顿感(和Bootstrap Blazor相比),或者可以考虑增加关闭动画的属性选项
  • WebAssembly的加载优化,和Server的结合,还存在一些问题。好消息是,微软在全力解决这个问题,据说MASA团队也会开始着力解决WebAssemply的一些问题
  • 配套教程还比较少,Pro后台管理模板可用性还需加强,文档还需要继续调整优化,开发过程中的智能提示还有缺漏。。。

5、MASA全家桶究竟是个啥,尤其是MASA Stack?

  • MASA Blazor:Blazor的组件库,Material Design风格,基于Vuetify1:1还原。
  • MASA Framework:基于ASP.NET Core的后端框架,对标SpringBoot。对比Furion,多了①天然支持微服务、②对接MASA Stack;对比ABP,①微服务比ABP简单、②前端移到了MASA Blazor、将Auth等移到了Stack。
  • MASA Stack:基于Framework和Blazor,开发的云原生系统基架(全栈),对标SpringClound,比如Auth、配置中心、调度中心等,并提供了SDK给Framework,意味着我们开发业务应用时,可以直接对接这些基础设施。

6、生产可用吗?可了,不过咱还没上!


二、目录


1. MASA Blazor???

2. 组件总览

3.1 HTML和CSS基础

3.2 响应式

3.3 组件样式

4.1 母版布局

4.2 Flex布局

4.3 网格布局

5. 插槽

6. 验证

7. 国际化

8. 其它


标签:姿势,MASA,前端,开发,组件,Blazor,Stack
From: https://www.cnblogs.com/functionMC/p/17096336.html

相关文章

  • 打开MASA Blazor的正确姿势2:组件总览
    官网文档按拼音罗列组件,且部分嵌套组件没有在导航栏内列出,不利于浏览查阅。本篇文章的主要目的,主要是对所有组件按大家习惯的方式进行分类,简要介绍组件,并建立跳转官方文档......
  • 打开MASA Blazor的正确姿势3.3:组件样式
    一、关于组件样式的理解1、框架和组件前面我们已经说过,现代前端技术,无论是在框架层面(Blazor、Vue、React等),还是组件层面(Bootstrap、MASABlazor、ElementUI、AntDesign等......
  • 打开MASA Blazor的正确姿势3.1:HTML和CSS基础
    一、HTML和CSS关系HTML元素定义网页的文档结构,CSS定义网页的排版样式。这句话不好理解,通过导航栏案例领会一下(以下案例非常精彩):1、导航栏的HTML文档结构<ul><li><a......
  • MASA Stack 1.0 发布会讲稿——生态篇
    2022年运营回顾贡献者首先感谢贡献者们为MASAStack社区所作的积极贡献,这些贡献者给我们提出了很多宝贵的建议,更是积极的提交PR帮助我们一起让产品更健壮,更完善,还在各种......
  • 学习ASP.NET Core Blazor编程系列二十五——登录(4)
    学习ASP.NETCoreBlazor编程系列文章之目录学习ASP.NETCoreBlazor编程系列一——综述学习ASP.NETCoreBlazor编程系列二——第一个Blazor应用程序(上)学习A......
  • 导出域用户hash姿势总结
    一、域用户hash导出原理ntds.dit为ad的数据库,内容有域用户、域组、用户hash等信息,域控上的ntds.dit只有可以登录到域控的用户(如域管用户、DC本地管理员用户)可以访问。ntd......
  • Blazor使用(一)封装Bootstrap5的模态框实现互操作
    一、引入JS要实现Bootstrap组件的功能,需要引用Bootstrap.js,依赖@popperjs/core官方给出的方案<body><h1>Hello,modularity!</h1><buttonid="popoverButton......
  • 不用Blazor WebAssembly,开发在浏览器端编译和运行C#代码的网站
    本文中,我将会为大家分享一个如何用.NET技术开发“在浏览器端编译和运行C#代码的工具”,核心的技术就是用C#编写不依赖于Blazor框架的WebAssembly以及Roslyn技术。一、为什......
  • MASA Stack 1.0 发布会讲稿 —— 产品篇
    架构基于MASA的云原生技术架构我们基于MASA去做了一个云原生技术架构,左下角的MASABlazor主要是为我们去集成一个多端的UI能力,具体的使用场景将在实践篇为大家介绍——M......
  • Blazor文件上传异常:Did not receive any data in the allotted time
    最近使用Blazor做文件上传,无论是Page还是Service处理,使用以下代码,都会报异常错误Didnotreceiveanydataintheallottedtime。//Page页面微软官网文档:https://learn......