Blazor 0.5.0 升级及新特性介绍

前言

喜大普奔, Blazor 0.5.0 在我刷了好几遍 Github (表示功不可没)以后,终于在 2018年7月25日发布了!
[Blazor 0.5.0 Announce] (https://blogs.msdn.microsoft.com/webdev/2018/07/25/blazor-0-5-0-experimental-release-now-available/
)
此版本提供的新特性:

  • 服务端 Blazor

  • 启动模式修改为 ASP.NET Core 方式

  • Javascript 互操作提升

    • 免除 Javascript 方法预注册需求

    • Javascript 中调用 .NET 方法

    • 通过引用方式传递 .NET 对象到 Javascript

  • 提供在任何 HTML 文件中使用 Blazor 的标签方法。

  • 渲染原始 HTML

  • 新的组件参数代码段

  • 支持浏览器调试

Visual Studio 模板更新

要为 Visual Studio 安装 Blazor Language Service extension 的开发人员 CI 版本,请点击菜单 工具 - >选项 - >环境,将https://dotnet.myget.org/F/blazor-dev/vsix/ 添加为附加扩展库 - >扩展和更新。如下图所示:

640?wx_fmt=png


再点击 工具 -> 扩展和更新,在左侧 更新 里面可以看到有更新的模板。点击对应的模板更新即可。
以上说明用于你的VS已经安装有旧版本模板的更新。如果你是第一次安装,请参考 Blazor 简单介绍 - C# 全栈工程师的福音 说明操作即可。

VS Code CLI 更新

CLI 的更新就比较容易了,一个命令行的事。

dotnet new -i Microsoft.AspNetCore.Blazor.Templates

新版本体验

在6月12日 ASP.NET Community Standup - Meet the Blazor team! (油管视频,不能科学上网我也帮不了你),我就对 Server-side Blazor 很感兴趣,这次出来新版本,上手第一件事就是试验这个特性。
模板新建的项目,Chrome Network 对比结果如下:
Client side Blazor:
19 Request | 3.1 MB transferred | Finish: 4.26 s | DOMContentLoaded:479ms | Load: 720 ms
访问我放在Github 的 Blazor SPA 网站
也欢迎你告诉我你的测试结果。

Server side Blazor:
10 Request | 97.5 KB transferred | Finish: 506 ms | DOMContenLoaded:384 ms | Load: 589 ms
本机测试结果。

在实际开发过程中,Client side Blazor 有时候加载时间达到 8-15 秒或更多,  Loading 的过程是非常明显的。这个加载慢是目前大部分 SPA 框架的普遍问题。 有人说,只要不关闭浏览器,加载毕竟只有开始的那一次痛,忍一忍也就过去了。
除了加载速度外,Server side blazor 的另外一个优点是不需要通过 AJAX 访问API数据,由于所有过程都是在服务端进行的,可以通过 ADO.NET 或 Entity Framework 等ORM直接进行数据访问。
选择客户端Blazor 或者是服务端 Blazor,需要根据不同项目需求具体分析。


原文地址:https://www.jianshu.com/p/22f3522db7d8

.NET社区新闻,深度好文,欢迎访问公众号文章汇总 http://www.csharpkit.com

640?wx_fmt=jpeg

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/320647.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【dfs】通行证(jzoj 2013)

通行证 jzoj 2013 题目大意: 有一个图,走某一条路需要某个通行证(数据给出所有可选择的),现在要从某个点到另一个点,问最少要多少个通行证 样例输入 3 3 3 0 2 0 0 2 1 1 2 2样例输出 2 0 2数据范围限…

AT4378-[AGC027D]ModuloMatrix【构造】

正题 题目链接:https://atcoder.jp/contests/agc027/tasks/agc027_d 题目大意 n∗nn*nn∗n的网格,每个格子填一个数要求 所有数各不相同对于相邻的两个数ax,aya_x,a_yax​,ay​,max{ax,ay}%min{ax,ay}max\{a_x,a_y\}\%min\{a_x,a_y\}max{ax​,ay​}%mi…

HDU5693

HDU5693 做法: 同hdu2476也时两次dp的题,首先可以列出方程\(f[i] max(f[i-1], max(f[j-1](i-j1))*can[j][i])\),\(can[j][i]\)表示从j到i能否完全消除。现在考虑如何求出\(can[l][r]\),还是区间dp,任何一个长度≥2的等…

NuStore使用说明

简介.net core 部署有两种方式,一种是独立式部署(SCD),另一种是框架依赖式部署(FDD)。以SCD方式生成发布包时,dotnet会将所有依赖打包到一个文件夹内,并为应用程序生成可执行文件。以…

【DP】【高精】逆序对(jzoj 2014)

逆序对 jzoj 2014 题目大意: 有一个长为n的序列(由1,2,3,……n组成),问经过某种调整之后,有k个逆序对(即在前面的一个数大于后面的一个数这样的对)的种数,有多组数据,…

Codeforces274B

Codeforces274B 做法:树形dp,\(up[u]\)至少加多少次, \(down[u]\) 至少减多少次可以消去u这棵子树 转移:首先\(up[u] max(up[v]), down[u] max(down[u])\),因为为了消除整颗子树一定要选最多的次数才能消完,那么现在…

HttpClientFactory与Steeltoe结合来完成服务发现

前言上一篇说了一下用HttpClientFactory实现了简单的熔断降级。这篇就来简单说说用HttpClientFactory来实现服务发现。由于标题已经好明显的说了Steeltoe因此这里会要求有Spring Clound的相关环境,本文也默认各位对这里有些许了解,所以不会涉及搭建过程的…

P4149-[IOI2011]Race【点分治】

正题 题目链接:https://www.luogu.com.cn/problem/P4149 题目大意 nnn个点的一棵树,求一条边最少的权值和为kkk的路径。 解题思路 直接点分治,然后用mapmapmap记录每个权值和的最小边数转移即可。 时间复杂度O(nlog⁡2n)O(n\log^2 n)O(nlog2n) codecod…

【并查集】【最小生成树】【贪心】给水(jzoj 2015)

给水 jzoj 2015 题目大意: 有n个草地,可以在某些草地各安装一个水井,代价是aia_iai​,或者从别的草地运水过来,代价是pijp_{ij}pij​,现在问要让所有草地都有水,代价最少是多少 样例输入 4…

业务流程、长周期服务和微服务

在近期于伦敦Skills Matter举行的DDD eXchange 2018会议上,Martin Schimak认为在最近几年间,领域事件引发了越来越多的讨论,但是我们对命令也应如此,在这次会议上他讨论了微服务领域的事件、命令以及长周期的服务,以及…

Gym100187I

Gym100187I 做法:倒着构造,根据下一个数确定正负,本身这个位置确定升降,正就从1开始,负就从-1开始。最终序列从1e9开始,特殊处理一下,中间判是否越界即可。 水吧。。。然后就爆炸了,…

P3708-koishi的数学题【差分】

正题 题目链接:https://www.luogu.com.cn/problem/P3708 题目大意 定义f(x)∑i1nx%if(x)\sum_{i1}^nx\% if(x)∑i1n​x%i 求每个f(i)f(i)f(i) 解题思路 考虑枚举模数iii,对与每个xxx会产生x%ix\% ix%i的贡献,也就是对与连续的一段是0,1,2,3,...i−10…

纪中C组模拟赛总结(2019.7.6)

成绩: 注:rankrankrank是有算其他dalaodalaodalao的 rankrankranknamenamenamescorescorescoreT1T1T1T2T2T2T3T3T3T4T4T4222lyflyflyf120120120101010101010000100100100121212fyfyfy404040000404040000000121212wjjwjjwjj4040400002020200002020202828…

【数位DP】B-number(HDU 3652)

B-number HDU 3652 题目大意&#xff1a; 有一个数n&#xff0c;求出1~n中含‘13’且能被13整除的数有多少个 输入样例 13 100 200 1000输出样例 1 1 2 2解题思路&#xff1a; 用数位DP枚举完每一位&#xff0c;同事也判断题目要求的条件 数据范围&#xff1a; 1 <…

#20071-[NOIP2020模拟赛B组Day6]礼物购买【二分】

正题 题目链接:http://noip.ybtoj.com.cn/contest/105/problem/1 题目大意 nnn个物品&#xff0c;每个价格为viv_ivi​有xix_ixi​个&#xff0c;mmm次&#xff0c;开始有wiw_iwi​元。每次选择能买的最贵的买&#xff0c;求能买多少。 解题思路 分两种情况讨论&#xff0c;如…

.NET Core TDD 前传: 编写易于测试的代码 -- 构建对象

该系列第1篇: 讲述了如何创造"缝". "缝"(seam)是需要知道的概念.本文是第2篇, 介绍的是如何避免在构建对象时写出不易测试的代码. 本文的概念性内容大部分都来自Misko Hevery的这篇博客文章.构建还是用上文里汽车的例子.通常情况下, 我们是先去建造汽车, …

Gym100187B

Gym100187B \(n\)&#xff1a;表示字符的种类&#xff1b;\(a_i\)&#xff1a;表示单词i的个数&#xff1b;\(Len\)&#xff1a;表示串的长度&#xff1b; 先考虑一种单词\(a_i\)放在一个固定位置p对答案的贡献: 整一个串的全排类为&#xff1a;\[P \frac{Len!}{a_1!a_2!...a_…

【线段树】开关(luogu 3870)

开关 luogu 3870 题目大意&#xff1a; 有n个灯&#xff0c;每一次会按一个区间中的所有灯&#xff08;开变关&#xff0c;关变开&#xff0c;操作0&#xff09;&#xff0c;或询问某个区间中有多少个灯是亮着的&#xff08;操作2&#xff09;&#xff0c;按操作进行&#x…

HDU4455

HDU4455 做法&#xff1a;照着学姐的ppt做的。\(f[i]\)表示长度为i时的答案&#xff0c;考虑如何通过\(f[i-1]\)递推出\(f[i]\) eg:\(f[3] \rightarrow f[4]\) (1 1 2) 3 4 4 5 1 1 2 \(\rightarrow\) 1 1 2 3 :1 1 2 3 \(\rightarrow\) 1 2 3 4 :1 2 3 4 \(\rightarrow\) 2 3 …

YbtOJ#20072-[NOIP2020模拟赛B组Day6]相似子串【根号分治】

正题 题目链接:http://noip.ybtoj.com.cn/contest/105/problem/2 题目大意 一个010101串&#xff0c;qqq个询问&#xff0c;每次询问有多少个长度为mmm的子串010101个数与给出的010101串TTT相同 解题思路 因为询问串的总长与nnn同级&#xff0c;所以考虑根号分治 将询问的TT…