使用Brotli提高网站访问速度 在优化网站打开速度上,我们有很多的方法,而其中一个就是减少诸如Javascript和CSS等资源文件的大小,而减少文件大小的方法除了在代码上下功夫外,最常用的方法就是使用压缩算法对文件进行压缩. 目前,网站普遍使用的是gzip压缩算法,但是最近两年新兴了一个新的压缩

准备工作 blazor wasm正式版发布了!在尝试使用的过程中,发现几个小坑,跟大家分享一下,希望有所帮助. 我是通过keycloak来保护blazor和service的,如何保护service请参考我之前的随笔,此处不再重复说明. 启动一个新的wasm项目,包含身份认证,但不是hosted(web前端和service在同一个网址),也就是最常见的web和service分别开发和分别部署的场景,使用如下命令新建项目: dotnet new blazorwasm -o {存放路径} --au I

Blazor编译后的文件是静态文件,所以我们只需要一个支持静态页面的web server即可. 根据不同项目,会用不同的容器编排,本文已无网关的情况下为例,一步一步展示如何打包进docker 需求 HTTPS 既然无网关,直接面向互联网,所以HTTPS显得尤为重要 HTTP/2 TLS3.0 既然都是静态资源,使用H2和TLS3.0的目的是进一步加快加载速度 Compress 对静态资源的压缩的目的依然是进一步加快加载速度.压缩选型为Brotli和 Gzip 压缩 Dockerfile 官方的N

用blazor(Wasm)开发了一个chrome插件感觉效率挺高的,分享给大家 先简单介绍下WebAssembly的原理: "WebAssembly是一种用于基于堆栈的虚拟机的二进制指令格式" image 如上图,浏览器在执行js时是会经历 Parser转成语法树->Compiler转成字节码->JIT即时字节码解释执行 因为WebAssembly 模块已经被编译成一种 JavaScript 字节码形式,现代支持 WebAssembly 的 JavaScript 引擎可以在

之前群里大神发了一个 html5+ .NETCore的斗地主,刚好在看Blazor WebAssembly 就尝试重写试试. 还有就是有些标题党了,因为文章里几乎没有斗地主的相关实现:),这里主要介绍一些Blazor前端的一些方法实现而斗地主的实现总结来说就是获取数据绑定UI,语法上基本就是Razor,页面上的注入语法等不在重复介绍,完整实现可以查看github:https://github.com/saber-wang/FightLandlord/tree/master/src/BetGame

准备工作: 安装Nuget包:Blazored.LocalStorge. 这是一个client-side 浏览器存储库,找了非常久. 官方文档中也有一款Microsoft.AspNetCore.ProtectedBrowserStorage,具有相同功能,代码实现的方式都是通过dotnet 和 js 互操作,使用sessionStorage,官方依然不推荐使用这个包,但是却没有提供其他方式. 安装nuget包:Microsoft.AspNetCore.Components.Authorizati

第一步,设置并检查CROS跨域请求 因为我们并不打算将Blazor 由webapi来进行host,所以Blazor和api将是两个域名,这样操作即方便以后单独使用Blazor来写前端,但后端采用已有或其他语言框架或版本的api. 这也是我接下来项目的打算. 准备工作,生成项目: 这里使用的是.Net CLI,即命令行,这样方便将前后端都运行进行测试. 1. cd到文件夹(你自己创建) 2.dotnet new sln -n AuthApiAndBlazor  (这步用来生成解决方案) 3.dot

1.环境 VS2019 16.5.1.NET Core SDK 3.1.200Blazor WebAssembly Templates 3.2.0-preview2.20160.5 2.简介 Blazor的生命周期与React组件的生命周期类似,也分为三个阶段:初始化阶段.运行中阶段和销毁阶段,其相关方法有10个,包括设置参数前.初始化.设置参数之后.组件渲染后以及组件的销毁,但是这些方法有些是重复的,只不过是同步与异步的区别.本文将介绍Blazor WASM的生命周期. 3.图解 首先将结果图

1.环境 VS2019 16.5.1 .NET Core SDK 3.1.200 Blazor WebAssembly Templates 3.2.0-preview2.20160.5 2.创建项目 首先创建一个简单的Blazor WebAssembly项目,这个项目没有不具备后端支持.目前blazorwasm 仍然处于预览之中,如果需要使用此模板,可以通过以下命令进行安装: dotnet new -i Microsoft.AspNetCore.Components.WebAssembly.Te

Blazor 作为一种 Web 开发的新技术已经发展有一段时间了,有些人标称 无 JS 无 TS,我觉得有点误导新人的意味,也有人文章大肆宣传 Blazor 是 JavaScript 的终结者,是为了替代 JavaScript 而生的,我认为这些言论都太激进了太片面了.我对 Blazor 的理解是: 它仅仅是为开发人员开发 Web 应用是多了一种选择,多了一条路而已,使用 Blazor 组件可以远离 Javascript 与 css,开发 Blazor 组件还是不能彻底抛弃 Javascript

前言 / Introduction Blazor 是什么? Blazor 允许您使用 C# 而不是 JavaScript 构建交互式 Web UI. Blazor 应用由使用 C#.HTML 和 CSS 实现的可重用 Web UI 组件组成.客户端和服务器代码都用 C# 编写,允许您共享代码和库. 本文主要来给大家带来了 Blazor 相关的一些很棒的学习资源集合,强烈建议收藏. 常规 / General Blazor 开源地址 (⭐9086) https://github.com/dotnet

背景 在之前<温故知新,.Net Core遇见Blazor(FluentUI),属于未来的SPA框架>中我们已经初步了解了Blazor的相关概念,并且根据官方的指引完成了<创建我的第一个Blazor应用>.<生成Blazor待办事项列表应用>.<结合ASP.NET Core SignalR和Blazor实现聊天室应用>三个基础应用的实践探索,接下来我们继续探索如果通过Blazor的相关技术来完成一个独立的SPA应用. 什么是大写人民币翻译机(ChineseY

Razor是一门相当怪异丑陋的标记语言,但在实际使用中却十分高效灵活.本文主要介绍了Razor是什么,以及Razor引擎的一些浅薄的背后机理. 写文章前我本想一口气把Razor的基本语法,以及Blazor Server App的编译过程都介绍出来的,奈何文章到了这个长度博客园的Markdown编辑器实在不堪重负了.就只能将这些零碎的.无聊的基础语法知识,Blazor Server App与Blazor WASM App 编译过程的差别,放在下一篇文章再去讲了. 1. 什么是 Razor,它和 B

上文,我们通过剖析一个最简单的 Blazor WASM 项目,讲明白了 Razor 文件是什么,以及它被转译成 C#后长什么样子.也介绍了 Razor 中最简单的一个语法:Razor Expression,也就是 Razor 表达式 本文将介绍两个内容: 首先我们将书接上文,再介绍一丁点 Razor 语法 然后我们创建一个对等的 Blazor Server 项目看看事情有哪些变化, 另外请注意:上一篇文章中有很严重的错误,没有及时看到订正与更正的同学麻烦回去看一眼. 目录 目录 目录 1. 基础

在实际使用中,我们经常会遇到需要把程序界面多种语言切换,适应不同地区使用者的需求,本文介绍一个我初学Blazor接触到的库,边撸边讲解. 包名: Toolbelt.Blazor.I18nText https://github.com/jsakamoto/Toolbelt.Blazor.I18nText 此包是在 Blazor Web 应用程序中本地化文本的另一种方法!但不是唯一的方法, 因为微软官方也将 Blazor WebAssembly 从 v.3.2 preview 4 开始正式开始本地化

1. 前言 距离上次发<MAUI初体验:爽>一文已经过去2个月了,本计划是下半年或者明年再研究MAUI的,现在计划提前啦,因为我觉得MAUI Blazor挺有意思的:在Android.iOS.macOS.Windows之间共享UI,一处UI增加或者修改,就能得到一致的UI体验. 看看这篇文章<Blazor Hybrid/MAUI 简介和实战>对MAUI Blazor的说明: MAUI .NET 多平台应用程序 UI (.NET MAUI) 是一个跨平台框架,用于使用 C# 和 XA

Vue--​​两分钟概述 Vue 是一个JavaScript 框架. 在其最简单的模式中,您可以简单地将核心 Vue 脚本包含在您的应用程序中,然后开始构建您的组件. 除此之外,对于更复杂的应用程序,您可以使用 Vue 自己的 CLI 创建(并最终发布)一个 Vue 项目. 与大多数其他 JavaScript 框架一样,Vue 应用程序构建为一系列小组件,然后您可以将它们组合在一起以构建更大的功能(最终是整个应用程序). 您通常会使用 HTML.CSS 和 JavaScript(或 TypeSc

从2000年微软启动.NET战略时,我还是一位大学生,当年著名的黑客Miguel de Icaza , Miguel 为了寻找GNOME项目开发框架经过充分的调研启动了一个志存高远的项目:Mono,一个Microsoft .NET Framework的自由GNU/Linux实现,我在国外的Linux论坛上 循着Miguel的指引踏上了.net开发之路, 我开始接触.NET Framework的时候还是beta阶段,2002年2月13日微软发布了.NET 1.0 , 我也毕业工作半年时间,开始使用

ABP Framework 5.3.0 稳定版已在2022年6月14日正式发布. 以下是本版本的新增功能: "开始"页面提供创建单层项目选项 启动模板提供 PWA 支持 Volo.Abp.Gdpr.Abstractions 包介绍 将发件箱中的事件批量发布到事件总线 eShopOnAbp 项目改进和电子书公告 LeptonX Lite 文档.项目状态和路线图 OpenIddict 模块和 Keyclock 集成 部署文档 欢迎加入 ABP Framework 研习社,千人QQ学习群(Q

我个人对GRPC是比较感兴趣的,最近在玩通过前端调用GRPC.通过前端调用GRPC业界有两种方式:GRPC Web和GRPC JSON转码. GRPC Web 通过JS或者Blazor WASM调用GRPC,微软在这方面做的还是很好的,从.NET Core3.0之后就提供了两种实现GRPC Web的方式(Grpc.AspNetCore.Web与Envoy).我在之前的一篇里也写过如何通过Blazor WASM调用GRPC Web. GRPC JSON 通过Restful api调用一个代理服务,

本周精选 继C#实现await/async无栈协程几年后,davidwrighton实现了.NET绿色线程(有栈协程)的原型 https://github.com/dotnet/runtimelab/pull/2002 .NET Runtimelab中绿色线程的原型实现的PR,在不久的将来,.NET开发者也可以方便的用上有栈协程,目前的启动一个有栈协程的API如下所示: FOH(冻结对象堆)正式合并进入.NET 8,将进一步提升整体性能 https://twitter.com/EgorBo/st