Ant Design

原文: Blazor WebAssembly 3.2.0 正式起飞，blazor 适合你吗？ 最近blazor更新很快，今天在官方博客上发布了 Blazor WebAssembly 3.2.0 RC： https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-release-candidate-now-available/ ，这是最后一次预览版了，功能开发都已经完成。 5.19的微软Build大会上就正式发布了，我最近也在积极的研究学习blazor，在博客和公众号发了几篇最新版本发布的文章，在评论区还是微信群，有人问我，为什么你对blazor如此热情，这些同学都在使用vue/angular/react等前端框架，blazor正好是利用WebAssembly 开发的前端框架，编程语言从js变成了c#， 我觉得如果您对你的前端技术栈感到满意，你可以继续使用现在你所用的框架继续前进，也许blazor并不适合你 ，巧的是最近vue3 也发布了beta版本，vue3 要真正普及也是需要至少一年的时间，blazor 可以充分的吸收前端技术栈的精华，为我所用，我将在文章的末尾列出一些blazor 吸收前端技术圈的成果的开源项目。 blazor适用于编写内部应用程序

原文: [ASP.NET Core] Blazor server side资源索引 (长期更新) 博客当笔记系列. 收录各种资源 前言 总的来说, Blazor 是一个很新鲜的事物. 它的最大特点是极大地加速了UI的开发效率. 然而, 要活用Blazor的话, 比MVC要难一个等级, 毕竟MVC是输出静态HTML, 好理解. Blazor是生成更动态的界面. 这表示Blazor需要一个更长的学习过程. 现在收录一些链接. 以后遇到的继续添加. 官方路线图 2019年末的资料 : https://www.youtube.com/watch?v=MetcuX1OHD0&list=PLReL099Y5nRd04p81Q7p5TtyjCrj9tz1t 主要内容 https://visualstudio.microsoft.com/zh-hans/vs/ Visual Studio 下载 https://visualstudio.microsoft.com/zh-hans/vs/preview/ 预览版下载 微软官方的Blazor教程 (不建议编程入门者阅读) https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-3.1 ASP.NET Core 机制 (不建议编程入门者阅读) https://docs

摘要 　　 在react中，大多数业务逻辑都组件化；极大的减轻了代码的冗余度，如果组件的层次比较深的话，组件的import就比较费劲，在import时使用“../../components/test”的方式，组件的import就会稍显混乱、组件代码不容易维护。为了可高效的、快速的维护组件代码，废弃“../../”的组件引入方式，配置一个组件路径重写的方式引入组件。 配置内容 　　 我在之前就介绍过在react中引入less的配置，同样的为了配置一个路径别名，使用customize-cra来覆写webpack底层配置。(配置覆写webpack需要的插件以及第三方库就不在复述，不清楚的可以去参考 Ant Design 官方的配置说明) 路径别名重写方式一 const { override } = require('customize-cra'); const path = require("path"); module.exports = override( config =>{ config.resolve.alias = { "@": path.resolve(__dirname, "src") }; return config; }, ); 路径别名重写方式二 const { override, addWebpackAlias } = require('customize-cra

摘要 　　 在react中，大多数业务逻辑都组件化；极大的减轻了代码的冗余度，如果组件的层次比较深的话，组件的import就比较费劲，在import时使用“../../components/test”的方式，组件的import就会稍显混乱、组件代码不容易维护。为了可高效的、快速的维护组件代码，废弃“../../”的组件引入方式，配置一个组件路径重写的方式引入组件。 配置内容 　　 我在之前就介绍过在react中引入less的配置，同样的为了配置一个路径别名，使用customize-cra来覆写webpack底层配置。(配置覆写webpack需要的插件以及第三方库就不在复述，不清楚的可以去参考 Ant Design 官方的配置说明) 路径别名重写方式一 const { override } = require('customize-cra'); const path = require("path"); module.exports = override( config =>{ config.resolve.alias = { "@": path.resolve(__dirname, "src") }; return config; }, ); 路径别名重写方式二 const { override, addWebpackAlias } = require('customize-cra

第一 设计原则 官方网址：https://ant.design/index-cn 需要做出更好的设计决策，给予研发团队一种高确定性、低熵值的研发状态。同时，不同设计者在充分理解业务述求后，基于 Ant Design 体系都会有相同且符合当前业务特性的设计产出。 1.保持克制： 能做，但想清楚了不做。设计者应当聚焦在最有价值产品功能打磨，并用尽可能少的设计元素将其表达。正如 Antoine de St.Exupery 所说：完美不在于无以复加，而在于无可删减，万事莫不如此。 2.面向对象的方法： 探索设计规律，并将其抽象成『对象』，增强界面设计的灵活性和可维护性，同时也减少『设计者』的主观干扰，从而降低系统的不确定性。例如：色值换算、间距排版。 3.模块化设计： 将复杂或者重复出现的局部封装成模块，提供有限接口与其他模块互动，最终全面减少系统的复杂度，进而增进可靠性以及可维护性。设计者可运用现有的组件/模板或者自行抽象可复用的组件/模板，节约无谓的设计且保持系统一致性，让『设计者』把创造力专注在最需要的地方。 第二 设计原则 1.亲密性 如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。 间距包括纵向间距和横向间距，纵向间距一般来说包括小号间距

作者说明 （1）JS说明 JS是非常重要的一门语言，但是，我们对JS的认识似乎仍然停留在“hello word”或者“alert”的观念上。其实,JS发展到现在已经非常的成熟，功能也非常的强大，因此，是时候重新认识一下JavaScript了。 使用JS的 WebAssembly 甚至 能开发出类似汇编语言程序。而利用 NW.js Node.js, Vue.js... 可以很容易跨平台开发。 本视频来源于youtube上一位网友发布的视频教程，但是因为人所共知的原因，很多用户无法查看，因此，这里，我把这个视频下载下来，放到了我自己的服务器上，供希望学习JS的朋友收看。 （2）此视频介绍了那些内容？ 和普通的JS教程不同，本视频共54个课程，每个课程都长度基本上在3-5分钟，然后通过一个个知识点来介绍JS的核心要点。在这里，你能学习一些新的JS语法。 例如：在第5课里，你将学习什么是箭头函数 const double2=numbers.map(()=>{ return "hello"}); // => 这个胖箭头是干嘛的 在第9课里，介绍了模板字符串。当我们看一下vue.js等教程时，你知道这种写法的意思吗？ `${hello},name` 　　 在第20课程里，你讲学习什么是剩余参数 function sum(...num) //参数里，有3个点，是什么意思？ { console

ASP.NET团队如期3.16在官方博客发布了 Blazor WebAssembly 3.2.0 Preview 4： https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-preview-4-release-now-available/ ，同时在twitter上发了一条信息带上了下面这张图，这张图很形象的说明了Blazor Webassembly 正在进行最后的准备发射，按照开发计划，将在下周4.23 发布Blazor WebAssembly 3.2.0 Preview 5， 完成功能特性的开发，接下来就是5月初发布Blazor WebAssembly 3.2.0 RC了，将在5.19 的微软Build大会正式发射升空，进入使用C#进行前端开发旅程。 Blazor WebAssembly 3.2.0 Preview 4新增功能： 启动期间访问主机环境：在 WebAssemblyHostBuilder通过 IWebAssemblyHostEnvironment的 HostEnvironment 属性公开，在应用环境中的启动过程中区分（开发，分期，生产等）的细节。如果该应用程序托管在ASP.NET Core应用程序中，则该环境将反映ASP.NET Core环境，因此ASP.NET Core肯定是最佳开发环境

ASP.NET团队如期3.16在官方博客发布了 Blazor WebAssembly 3.2.0 Preview 4： https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-preview-4-release-now-available/ ，同时在twitter上发了一条信息带上了下面这张图，这张图很形象的说明了Blazor Webassembly 正在进行最后的准备发射，按照开发计划，将在下周4.23 发布Blazor WebAssembly 3.2.0 Preview 5， 完成功能特性的开发，接下来就是5月初发布Blazor WebAssembly 3.2.0 RC了，将在5.19 的微软Build大会正式发射升空，进入使用C#进行前端开发旅程。 Blazor WebAssembly 3.2.0 Preview 4新增功能： 启动期间访问主机环境：在 WebAssemblyHostBuilder通过 IWebAssemblyHostEnvironment的 HostEnvironment 属性公开，在应用环境中的启动过程中区分（开发，分期，生产等）的细节。如果该应用程序托管在ASP.NET Core应用程序中，则该环境将反映ASP.NET Core环境，因此ASP.NET Core肯定是最佳开发环境

ASP.NET团队如期3.16在官方博客发布了 Blazor WebAssembly 3.2.0 Preview 4： https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-preview-4-release-now-available/ ，同时在twitter上发了一条信息带上了下面这张图，这张图很形象的说明了Blazor Webassembly 正在进行最后的准备发射，按照开发计划，将在下周4.23 发布Blazor WebAssembly 3.2.0 Preview 5， 完成功能特性的开发，接下来就是5月初发布Blazor WebAssembly 3.2.0 RC了，将在5.19 的微软Build大会正式发射升空，进入使用C#进行前端开发旅程。 Blazor WebAssembly 3.2.0 Preview 4新增功能： 启动期间访问主机环境：在 WebAssemblyHostBuilder通过 IWebAssemblyHostEnvironment的 HostEnvironment 属性公开，在应用环境中的启动过程中区分（开发，分期，生产等）的细节。如果该应用程序托管在ASP.NET Core应用程序中，则该环境将反映ASP.NET Core环境，因此ASP.NET Core肯定是最佳开发环境

【推荐阅读】微服务还能火多久？>>> 先放图，一个头部组件 index.js import React,{Component} from 'react' ; import ReactDom from 'react-dom' ; import { Layout } from 'antd' ; import 'antd/dist/antd.css' ; import './style.css' ; import AppHeader from './components/AppHeader/' ; const { Header, Footer, Content } = Layout; class App extends Component{ render(){ return ( <Layout style={{minWidth:1200}}> <Header className="header"><AppHeader/></Header> <Content className="content">Content</Content> <Footer className="footer">Footer</Footer> </Layout> ) } } ReactDom.render( <App/>,document.getElementById('root')); style.css