• [转]来自后端的逆袭 blazor简介 全栈的福音


    背景

    什么是SPA 什么是MPA

    MPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计,早期的网站都是这样的设计,所之称为「网页设计」。使用 MPA 在使用者浏览 Web 时会依据点击需求切换页面,浏览器会不停的重载页面 (Reload),M$ IE 就会一直发出卡卡卡的声音,整个操作也常感觉卡卡。如果使用这样的设计在 Web App 中,使用者体验比较差,整体流畅度扣分。但进入门槛低,简单套个 jQuery Mobile 就可以完成。

    SPA (Single-page Application) 顾名思义在 Web 设计上使用单一页面,利用 JavaScript 操作 Dom 的技术实现各种应用,现今在介面上算是非常受欢迎的设计,搭配 AJAX 使得整体介面反应速度相当迅速,并且能够实现各种丰富的使用者介面。典型的 gmail 就是最好的例子。缺点是学习门槛高,而 JavaScript 又有跨浏览器的问题,此外在不  Reload 页面的状况下,记忆体控制也变得更复杂与重要,也是我们为什麼要介绍 UI Framework 来开发的原因。

     SPA 对比 MPA

    自从前端有了nodejs 整个世界就不对劲了,. 前端≠画页面的了  从此站起来了  jquery 是什么老古董  MVC 是什么旧模式!?

    一套项目不用MVVM 好像就是弱的代名词了 这个杯具的时代 老板竟然要求做全栈的 用SPA模式 什么!?  自己写webpai  自己写angularjs react vue 自己调用 自己测试 ???? 黑人问号 

    Blazor ,将 .NET 带回到浏览器

    还是微软大法好.这不给出我们做全栈的解决方案了  就是 Blazor!!! 

    当前 blazor 0.7  各位同志...记得star啊  

     
    1
    https://github.com/aspnet/Blazor

    这个是官网

     
    1
    https://blazor.net

      

    Blazor 是一个 Web UI 框架,可通过 WebAssembly 在任意浏览器中运行 .Net 。也就说,你可以用C# 写前端。可以理解为,这是一个C#语言的Vue, Angular, React。
    Blazor 拥有现代 Web 框架具备的所有功能,包括:

    • 用于构建 composable UI 的组件模型
    • 路由
    • 布局
    • 表格和验证
    • 依赖注入
    • JavaScript 互操作
    • 开发期间在浏览器中实时重新加载
    • 服务器端渲染
    • 在浏览器和 IDE 中全面调试 .NET
    • 能够通过 asm.js 在较早版本的(非 WebAssembly )浏览器上运行
    ps:组件 路由 js交互 嗯 你要的它都有  你想的它都会
     

    构建第一个Balzor

     
    1
    2
    3
    4
    dotnet new -i Microsoft.AspNetCore.Blazor.Templates
    dotnet new blazor -o BlazorApp1
    cd BlazorApp1
    dotnet run

    当然 也可以用地表最强IDE来创建

     
    1
    https://marketplace.visualstudio.com/items?itemName=aspnet.blazor

     这个是VS的blazor插件装了之后 就可以选到

    Run !

     
     


    ---------------------
    作者:摇光Summer
    来源:CNBLOGS
    原文:https://www.cnblogs.com/leoxjy/p/10057825.html
    版权声明:本文为作者原创文章,转载请附上博文链接!
    内容解析By:CSDN,CNBLOG博客文章一键转载插件

  • 相关阅读:
    java子类重写父类的要点
    转:swing 中paint与paintComponent的区别(jcomponent)
    证明二叉查找树所有节点的平均深度为O(logN)
    O(logN)中logN的底数
    Stanford依存句法关系解释
    java中的interface
    转:java中Vector的使用
    final类与final方法
    转:NLP+句法结构(三)︱中文句法结构(CIPS2016、依存句法、文法)
    英文语法分析树标注集
  • 原文地址:https://www.cnblogs.com/admans/p/11968902.html
Copyright © 2020-2023  润新知