概述 本文主要讨论Blazor事件内容,由于blazor事件部分很多,所以会分成上下两篇,本文为第一篇,后续会有第二篇. 我们可以视组件是一个类,我们先看一下前文所说的Index.Razor页面生成的C#代码. 在此,先补充一下该页面的原始代码: 1: @page "/" 2: @layout MyLayout 3: <h1>Hello, world!</h1> 4:   5: Welcome to your new app. 6:   7: <Surve…

写在前面 曾经我和前端朋友聊天的时候,我说我希望有一天可以用C#写前端,不过当时更多的是美好的想象,而现在这一切正变得真实…… 什么是Blazor 我们知道浏览器可以正确解释并执行JavaScript代码,那么浏览器是如何执行C#代码的呢?答案是通过WebAssembly.通过WebAssembly,我们可以让浏览器运行很多的高级语言,如 C#.C.C++.GO等,并使他们运行在基于内存安全的沙箱环境中.如下图所示: 作为一个已经五六年没有写过前端的.NET程序员,遇到Blazor实在是幸运中的…

写在前面 需要升级VS2019以及.NET Core到最新版(具体的最低支持,我已经忘了,总是越新支持的就越好),以更好的支持自己开发Blazor项目. WebAssembly 搜索Blazor模板 选择Blazor WebAssembly App模板 项目实例 项目实例 BlazorApp.Shared:提供最一般的支持,包括各个Model BlazorApp.Client:依赖BlazorApp.Shared,该项目侧重于Pages功能 BlazorApp.Server:依赖BlazorAp…

布局 Blazor中的布局和MVC中的布局是类似的. 创建布局 新建一个Razor页面,所有新增的布局都要继承LayoutComponentBase,同时标识自定义内容的输出位置,即标识Body的位置.如图所示: 应用布局 我们修改一下index.razor页面中的代码,增加@layout MyLayout.运行后,按F12查看网页源代码如下: 布局的内容被<app></app>标签包着,这也意味着,我们的layout并不是页面的全部内容,而仅仅只是blazor相关的内容. 顺便说…

概览 Blazor目前有两种托管模式,一种是Server-Side模式,一种是WebAssembly模式.官方首先支持的是Service-Side模式,使用WebAssembly模式,需要更新到最新版VS2019. 小编目前的精力是更多的专注于Blazor-WebAssembly模式的研究,所以本系列文章只会对Server-Side模式做简要说明. WebAssembly WebAssembly模式(也可叫做Client-Side模式),WebAssembly前文已经说了很多了,本文不再做额外讨…

本文主要讨论Blazor事件内容,由于blazor事件部分很多,所以会分成上下两篇,本文为第二篇. 双向绑定 概述 如图所示 当点击单项绑定的时候,MyOnewayComponent里的属性值会发生变化,这种变化是单项的,仅仅只是本地副本的值的变化,并不会引发父页面的值发生变化.但当点击父页面的Click Me的时候,会修改MyOnewayComponent的属性值会被修改.所以单项绑定强调的是占位,以达到动态输出的目的. 当点击双向绑定的时候,三个值会同步发生变化.即便点击父页面的Click…

首先通过一段代码进入讨论的主题 var r = new Promise(function(resolve, reject){ console.log("a"); resolve() }); setTimeout(()=>console.log("d"), 0) r.then(() => console.log("c")); console.log("b") // a b c d 了解过 Promise 对象的都知道…

重学前端-面向对象 跟着winter老师一起,重新认识前端的知识框架 js面向对象或基于对象编程 以前感觉这两个在本质上没有什么区别,面向对象和基于对象都是对一个抽象的对象拥有一系列的行为和状态,本质都是对象层.拜读了winter老师的音频和文档,颇有收获. 对象: 一个可以触摸或者可以看见的东西: 人的智力可以理解的东西: 可以指导思考或行动(进行想象或施加动作)的东西. 对象的特点: 对象具有唯一标识性:即使完全相同的两个对象,也并非同一个对象. 对象有状态:对象具有状态,同一对象可能处于不…

前言 近年来,随着前端的丰富,前后端分离是趋势.各种东西如雨后春笋一般,层出不穷.node.js的出现,使前端真正意义上变成了大前端. 前端由来之HTML发展史 1990 年,Tim Berners-Lee以超文本语言 HTML 为基础,在 由NeXT公司制造的电脑上发明了最原始的 Web 浏览器.总的来说,这一时期浏览器技术还比较简单,很多浏览器都停留在文字和图形处理上,没有太多的新技术,也没有经典的盈利模式和商业模式,整个资本市场对浏览器的关注不高. 1991 年,Tim 作为布道者在 In…

1. Vue概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月. 与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用. Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router: 跳转,vue-resource: 通信,vuex:管理)或既有项目整合. 官网:https://cn.vuejs.org/ Soc原则:关注点分离原则 Vue 的核心库只关注视图层,方便与第三方库或既有项目整合. HTML +…