Ant Design

有时候给元素设置style的属性不起作用，比如在使用ant-design的时候设置td的text-align属性不起作用，是因为ant-design对有些元素有自己的属性，需要按照它的属性来设置，一般出现这种情况，都要看一下使用的框架有没有自定义类似的属性。 来源： oschina 链接： https://my.oschina.net/u/4405256/blog/4518358

基于Ant Design Select组件 📙 项目地址 : 👉 GitHub地址: https://github.com/zlinggnilz/work-demo/blob/master/src/components/CustomSelect/index.js 👉 查看在线示例： https://codesandbox.io/s/funny-worker-lrhvt 📘 定制化组件 CustomSelect : 不传入children，通过dataSource传入数组遍历出option，数组元素包含key 和 label 组件 CustomSelect 代码： import React from "react" ; import { Select } from "antd" ; import PropTypes from "prop-types" ; const { Option } = Select; export default class CustomSelect extends React.Component { static propTypes = { dataSource: PropTypes.arrayOf( PropTypes.shape({ key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]

我 Fork 了小伙伴的 ant-design-blazor 仓库，这个仓库设置了每天自动同步样式，这个 Action 用到了源仓库的密钥，在我 Fork 的仓库一定跑不通过，于是每天我就收到一次构建不通过的信息。本文告诉大家如何禁用自己 Fork 的某个仓库的 Action 的执行 这是我 Fork 的 ant-design-blazor 仓库，每天都告诉我构建失败 解决方法是禁用这个 Fork 仓库的 Action 构建，毕竟需要自动构建的都是将代码推送到源仓库，此时源仓库的 Action 都能触发，也就是我的仓库的 Action 其实没啥用 点击仓库的设置，进入 Actions 页面，点击禁用 如果我表示不让所有 Fork 我的仓库的小伙伴都需要做这个设置，我想要让我的代码仅仅只是在我的仓库运行，可以如何做？简单的方法是添加一个判断 if: github.repository == 'lindexi/doubi' 别的小伙伴 Fork 仓库的时候，拿到 repository 的值就是 小伙伴的名字/doubi 也就是判断不等于我的仓库，代码就不执行 上面的 lindexi/doubi 的意思就是 用户名或组织名/项目名 这就会跟随用户的 Fork 仓库修改值 那么这个 if 判断可以写在哪里？可以放在具体的构建步骤里面，如下面代码 - name: Build with

5月 20日，微软 发布 了 Blazor WebAssembly 3.2( https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-now-available/ ) 。 Blazor 是 ASP.NET Core 中的一个新框架，支持使用 C#和 HTML 创建交互式 Web 应用程序。Blazor WebAssembly 使用基于 WebAssembly 的.NET 运行时在客户端的 Web 浏览器中运行单页应用程序。在客户端，它支持的场景包括渐进式 Web 应用程序（PWA）和使用客户端资源的离线应用程序。 Blazor WebAssembly 3.2.0 是一个功能齐全的版本，作为 Blazor WebAssembly实现，并用于生产部署。 也就是 Blazor WebAssembly 作为正式版本发布。 Blazor WebAssembly 3.2 的第一个预览版在 1 月底发布 。从那时起，接下来的预览版发布遵循了非常紧凑的时间表，今天在Build 大会上正式发布了Blazor WebAssembly 3.2 。 通常，Web 浏览器可以执行使用 JavaScript 编写的代码，但2017年标准化的 WebAssembly 可以执行其他编程语言的编写的代码，现在主流的4大浏览器都可以完美支持

距离上次更文有10个月的时间了，其实平时有总结很多技术点，但在掘金上只想发表关于前端工程化系列方面的文章，而又由于这段时间一直没有可落地的工程化项目（就是懒了🤦！），所以也不好在没有自己切身试验的情况下撰写博文。 OK，写这篇文章的契机呢，是因为我即将要做一个超级超级超级大项目，前期希望把前端基建的一些东西给搭建好，所以想着做一个脚手架工具，将基建的东西集成到模板中去，达到一个规范和提效的目的。其实这篇文章的重点并不是为了教大伙如何编写一个脚手架（掘金上关于这方面的教程太多），而是为了向你们安利我写的脚手架工具—— pandly-cli 😏。 正如标题所说， pandly-cli 最大的特色就是集成了 Element UI 、 View Design 、 Ant design 三大主流 UI 库供用户选择，并且还支持全局和按需的引入方式 。当然， pandly-cli 中不止这一个功能，还集成了很多提效的功能，文章后面会详细介绍。按照惯例，我还是先简单阐述下我写这个脚手架的心路历程。 脚手架 整体思路还是借鉴了 vue-cli2 的搭建模式（为什么不借鉴 vue-cli3 的？太复杂了！），然后自己做了点修改。整体目录结构如下： |-pandly-cli | |-bin # 命令执行文件 | | |-pandly # 主命令 | | |-pandly-create # 创建命令 |

本篇文章针对大家熟知的技术站点作为目标进行技术实践。 确定需求   访问目标网站并按照筛选条件（关键词、日期、作者）进行检索并获取返回数据中的目标数据。进行技术拆分如下： 打开目标网站 找到输入框元素输入关键词，找到日期元素设置日期，找到搜索按钮触发搜索动作 解析搜索返回的html元素构造目标数据 将目标数据保存 编写代码 'use strict'; const puppeteer = require('puppeteer'); const csv = require('fast-csv'); const fs = require('fs'); (async () => { const startUrl = 'https://www.infoq.cn/'; const keyWord = 'CQRS'; const browser = await puppeteer.launch({ slowMo: 100, // 放慢速度 headless: false, // 是否有头 defaultViewport: {// 界面设置 width: 1820, height: 1080, }, ignoreHTTPSErrors: false, // 忽略 https 报错 args: ['--start-maximized', '--no-sandbox', '--disable

e x T 1 特性 A 高度还原next-theme [1] A 论文规范排版,正文字体、代码高亮、表格样式 A 文章页显示摘要、关键词 A 导航区归档、相册、搜索 A 作者信息、联系、订阅 A 响应式设计 A 自动生成目录、滚动贴顶 A 阅读进度、一键至顶、顶部进度条 U 优化评论区显示 U 优化上下文切换 2 预览 2.1 截图 2.2 样例 博客园 <=> hexo 3 选型 3.1 为什么选择博客园 经常使用搜索引擎查找某些问题会发现博客园有着良好的SEO,相比自主建站或者其他静态站点方式，省去了SEO优化和推送，便于更好的呈现和分享。 博客园用户大多是早期开发者，内容可信度高。由于没有其他平台类似的激励计划(比如X币)，写文章出发点很纯粹，也就不会存在用一两句话凑一篇文章、凑一篇原创（比如CSDN）,即便存在也往往就是标准答案。 搜索结果比较真实，不像CSDN，通过 在大量相干不相干的广告和文章链接中夹带着文章 ，导致可能搜索概要中含关键词但是打开文章却毫无干系，迫使在其环境下跳来跳去增加点击率和广告曝光率，却永远找不到答案。 免备案,免服务器,https,自动二级域名(xxx.cnblogs.com) 支持标准markdown，渲染准确，可完美迁移。图片不会像其他平台一样强制转内链，但还往往转不成功需要找原图再上传。 重要 :支持高度自定义

e x T 1 特性 A 高度还原next-theme [1] A 论文规范排版,正文字体、代码高亮、表格样式 A 文章页显示摘要、关键词 A 导航区归档、相册、搜索 A 作者信息、联系、订阅 A 响应式设计 A 自动生成目录、滚动贴顶 A 阅读进度、一键至顶、顶部进度条 U 优化评论区显示 U 优化上下文切换 2 预览 2.1 截图 2.2 样例 博客园 <=> hexo 3 选型 3.1 为什么选择博客园 经常使用搜索引擎查找某些问题会发现博客园有着良好的SEO,相比自主建站或者其他静态站点方式，省去了SEO优化和推送，便于更好的呈现和分享。 博客园用户大多是早期开发者，内容可信度高。由于没有其他平台类似的激励计划(比如X币)，写文章出发点很纯粹，也就不会存在用一两句话凑一篇文章、凑一篇原创（比如CSDN）,即便存在也往往就是标准答案。 搜索结果比较真实，不像CSDN，通过 在大量相干不相干的广告和文章链接中夹带着文章 ，导致可能搜索概要中含关键词但是打开文章却毫无干系，迫使在其环境下跳来跳去增加点击率和广告曝光率，却永远找不到答案。 免备案,免服务器,https,自动二级域名(xxx.cnblogs.com) 支持标准markdown，渲染准确，可完美迁移。图片不会像其他平台一样强制转内链，但还往往转不成功需要找原图再上传。 重要 :支持高度自定义

根据打包报告发现icon比较大如下图，先来优化它，如何得到下图（请看 https://my.oschina.net/netmouse/blog/4278132 ） 1、首先在vue.config.js里面增加配置，如下 module.exports = { configureWebpack: { resolve: { alias: { "@ant-design/icons/lib/dist$": path.resolve(__dirname, "./src/icons.js") } } } }; 2、然后在src文件夹下增加一个icons.js的文件，内容如下 export { default as HomeOutline } from '@ant-design/icons/lib/outline/HomeOutline' export { default as SlidersOutline } from '@ant-design/icons/lib/outline/SlidersOutline' export { default as TransactionOutline } from '@ant-design/icons/lib/outline/TransactionOutline' 注意事项：由于我没有配置分号结尾，所以每一个export后面不用加分号 ;

一.前言 这是《Blazor 修仙之旅》的第三篇，前面两分别是《初次尝试》、《组件与数据绑定》，直接到这里上 Ant Design 确实连不起来，跨度比较大，其实我也是在边学边写，看的是官方文档，我觉得中间这部分重复写博客的意义不大，所以我建议去看官方文档，传送门： 点我 。如果看过我的前两篇，我建议您从这里开始看： 点我 。不用每篇都深刻理解，但需要有一个基本概念。好了，下面进入正题。 二. Ant Design of Blazor 介绍 ant-design-blazor 是国内开发者 ElderJames 创建的一个开源项目。在前不久的微软Build大会也见到了它的身影，受到了微软官方推荐，点赞！顾名思义， ant-design-blazor 是 Ant Design 的 Blazor 实现，开发和服务于企业级后台产品。 ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 Razor 组件，可在多种托管方式共享。 💕 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互。 🎨 支持渐进式 Web 应用（PWA） 🛡 使用 C# 构建，多范式静态语言带来高效的开发体验。 ⚙️ 基于 .NET Standard 2.1，可直接引用丰富的 .NET 类库。 🎁 可与已有的 ASP.NET Core MVC