自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(94)
  • 资源 (4)
  • 收藏
  • 关注

原创 moment 计算时间差( 距过去或未来某个时间点的差值) ( 天,小时,分钟,秒)

【代码】moment 计算时间差( 距未来某个时间点的剩余时间) ( 天,小时,分钟,秒)

2023-01-28 15:35:56 6

原创 dayjs 使用 updateLocale 补充缺少的中文 ( 使用 calendar 举例)

【代码】dayjs 使用 updateLocale 补充缺少的中文 ( 使用 calendar 举例)

2022-11-26 16:32:03 169

原创 在 html 文件中写 react ( es module + babel )

html + react + es module + babel + cdn

2022-11-22 16:54:26 259

原创 使用 Next.js 和 React Router 构建单页应用程序(SPA)

Building a single-page application with Next.js and React Router使用 Next.js 和 React Router 构建单页应用程序(SPA)

2022-10-28 21:38:29 258

原创 umi pro-layout : 某个页面 禁用/移除 pro-layout ( 比如: 登录页不需要 layout )

umi 开启 layout 后, 会把所有页面都放在 pro layout 中.但是 `登录页 或 其他一些页面` 是不需要这个 layout 的. 可以通过菜单中的 `layout:false` 属性关闭这个当前路由的 layout可以通过菜单中的 属性关闭这个当前路由的 layout例子:截图umi 的配置附赠一个路由的 TypeScript 类型可能不全, 具体的可以看官方的文档… 自己再补一些.

2022-10-21 21:03:14 330

原创 使用 Vite + 前端框架 (SolidJs,React,Svelte,Vue) 来开发 油猴脚本

本文使用SolidJs举例, 你也可以使用其他的框架Solid 拥有 React TypeScript 的开发体验, 还解决了 React 的缺点还可以编译为 原生JS 体积非常的小, 还拥有 原生 JS 一样的性能.

2022-09-20 22:58:56 657

原创 C# / Java 调用 Rust DLL 来删除文件夹 ( 包含大量软链接 和 无效链接)

又搜了一个普通的递归删除文件的代码(因为系统只能删除空文件夹,所以必须先删文件,再删文件夹)。(后来大概看了一下源码,发现处理了很多情况,也算是一个久经沙场的库了。既然 Rust 可以删除,那我直接编译成 DLL,让 C# 调用不就解决了 C# 的大问题。编译 Release,测试两遍,完美删除 ,速度也很稳定和 Rust 几乎相同,搜了下也是一堆写普通递归的代码,直接放弃,连新建项目都懒得搞了。也都报错了,看来这两个库内部实现也没有做到非常的完美。,更气人了,标准库连递归删除都没有,只能用第三方的库,

2022-09-19 11:26:25 226

原创 vite 配置 @ 路径别名

【代码】vite 配置 @ 路径别名。

2022-09-10 20:11:09 456

原创 CSS 渐变彩色字体

【代码】CSS 渐变彩色字体。

2022-09-05 18:51:04 291

原创 轮播图 或 其他组件 把 页面 宽度 撑得很大的 bug

当布局有很多层 div 后, 有一些关键的 div 忘了指定宽度 100% 或 数值 , 就会导致整个页面的宽度被内部的某些元素撑爆的 bug此时 新建一个 空页面, 把相关代码搞过来测试下, 宽度正常. 就说明你遇到这个这个bug。

2022-09-05 16:37:04 91

原创 React 封装 SVG 图标

放到组件中, 格式化一下代码。删除多余的标签,只留下 path 即可。

2022-09-03 20:01:22 303

原创 React 快速配置 ESLint

- `eslint` - `eslint-config-next` - ( Next.js 的 eslint 配置包,非常的不错,不用自己手动配置了 - 可以用在所有的 React 项目中,比如 CRA , Umi.js , 等等)- VSCode 安装`ESLint` 和 `Error Lins` 插件

2022-08-31 11:04:50 329

原创 C#使用 WebView2 替代 Electron/Tauri 之 Web 核心

上一次试验了这次来一个 用 web 来给 webview2 提供数据虽然可以像 Wails 一样,底层使用 webview2 提供的传输字符串的接口去做 js 与 c# 的通讯。不过比较麻烦,要自己复刻一套 那样的算法和架构。如果直接用 web api 的方式提供数据,实现起来既简单又可以兼容web后端的生态, 真的是一举多得。...

2022-08-14 20:16:36 936

原创 .Net C# 使用 IKVM 调用 Java 代码

IKVM 在 8.2.0 版本中新增加 kvmReference(在 MSBuild 中配置. 自动帮你编译jar到dll 和 自动引用dll )所以本文就用这个了.

2022-08-12 15:12:53 474 5

原创 .Net C# 一个封装了windows api 的库

封装了所有 windows api 和 枚举 到 C#.

2022-08-08 14:09:33 112

原创 .Net C# 控制台 使用 Win32 API 创建一个窗口

windows api 改为了 Vanara ,这里就是全部的 控制台程序 的代码了.避免 重复造轮子和写模版代码。

2022-07-31 19:18:16 378

原创 将 C# 与 React / Vue 等 放在一起启动

也可以使用其他的脚本写,比如nodejs等等,逻辑都是一样的.)接下来根据自己的需求发布C#Release项目。建议也加上跨域,写代码时就当做前后端分离去开发。开启Asp.NetCore的静态文件中间件。nextexport会自动输出HTML到。配置Next.js编译输出到dist目录。(这里使用Next.js作为示例)将前端项目编译生成HTML。.........

2022-07-21 22:21:00 359

原创 Js对象数组 按照规定的顺序进行排序

javascript 对象数组 按照给定的顺序 排序

2022-07-05 17:42:58 726

原创 Tailwind 导致 antd 的 button icon svg 不居中的 bug

github issues 地址图中可以看到 图标靠下了.(其他地方的 icon 其实都靠下 , 这里用 button 来举例)在你的 css 中添加css 覆盖掉tw默认的值

2022-06-06 22:04:27 788

原创 React 中 Twitter 的 SVG 图标 (icons)

react 封装好的 twitter 图标. 可以直接调用, 传入 ClassName 改变颜色、大小 等

2022-06-06 15:32:30 114

原创 PowerShell 给命令取一个别名 ( 例子: pnpm -> n)

查看一下profile文件的位置执行命令echo $PROFILEoutput:C:\Users\Administrator\Documents\PowerShell\Microsoft.PowerShell_profile.ps1以自己电脑实际的输出位置为准 (每个人的电脑输出可能不同)修改接下来到这个目录创建/修改这个脚本文件(第一次玩这个功能. 应该都没有. 需要自己创建文件夹和脚本文件)例子1:以 pnpm 为例(pnpm实在是太违反人体工程学了,这几个字母敲起来很费劲,难

2022-05-30 16:00:12 165

原创 React Solidjs 的 JSX 次数循环, 计次循环, 比如: 循环100遍

核心代码[...new Array(50)][...new Array(props.count)]例子let App = function () { return ( <> {[...new Array(50)].map(() => { return <p> Hello jsx </p>; })} {[...new Array(50)].map(() =>

2022-05-28 18:47:45 289 1

原创 React SolidJS Svelte 使用 Yup 进行表单验证的最佳实践

相关网址Yup官网 (一个通用的验证框架, 可以接入很多的表单验证库)Felte官网 (同时支持 React Solid Svelte ,以后应该会支持更多的库)react-hook-form 官网定义验证规则 与 生成普通的ts类型更多规则 看官方文档,最大值、最小值、大小写、枚举、默认值、等等js 中 “undefined === null” 返回结果是 false . 所以是 两种类型 .想要支持null 类型 , 需要手动指定 nullable()import { Inf

2022-05-25 17:27:44 326

原创 React Hooks forwardRef useImperativeHandle TypeScript类型 最佳实践

定义官网文档forwardRef : 转发 refuseImperativeHandle : 用于自定义暴露给父组件的实例值版本"react": "^17.0.2""@types/react": "^17.0.44"代码父组件import { FC, useEffect, useRef } from 'react';// 导入子组件import ChildComponent, { IRefProps } from './ChildComponent';let MyConpon

2022-05-07 19:26:57 462

原创 VSCode 用户代码片段 最佳实践

语法1. 光标位置使用tab键来逐一切换位置$1 第一个位置$2 第二个位置... 以此类推$0 光标最终位置,并退出"片段模式"${1:value1}${2:value1}...2. 默认值使用字符串"MyName" (直接按tab,即可自动填写默认值)${1:MyName}枚举选择${1|one,two,three|}使用内置的变量 (下一部分中介绍)${1:TM_FILENAME_BASE}3. 变量变量名说明例子

2022-05-02 23:34:41 566

原创 React 在 styled-components 中使用 TailwindCss

编译 Styled-Components 中的 @apply将 tailwind 编译为 普通css支持 windi 与 tailwindVite : https://github.com/JiangWeixian/vite-plugin-styled-windicssBabel : https://github.com/JiangWeixian/babel-plugin-styled-windicss官方 VsCode插件中设置(配置的灵感来源于tailwind-styled-components)

2022-04-21 13:36:27 968

原创 React Umi SSR SSG 使用TypeScript的最佳实践

说明Umi文档对TypeScript 只字未提 (太糟糕了, 感觉像是 KPI 项目),所以只能自己看源码 和 Github 去捞TS的定义最终封装为一个类型IUmiPage使用的时候只需要指定 两个泛型 ( 路由参数类型 与 getInitialProps 返回值 )不指定,则默认{ }空对象版本"umi": "^3.5.21"代码核心type不开启SSR SSG , IGetInitialProps会找不到, 所以加上 @ts-ignore//@ts-ignoreimpo

2022-03-29 18:48:02 3825

原创 C# .NET 给Web项目(MVC,RazorPage,Blazor等)添加一个系统托盘图标,替代Winform,WPF,Electron,QT,WebView2,Tauri 等桌面程序

效果图功能添加任务栏图标 ( 托盘图标 )添加右键菜单 (打开浏览器 / 控制台 /退出)双击打开控制台,启动一个web服务器 ( MVC , Razor , Blazor 等等 )web服务器启动成功,自动打开浏览器页面持续后台运行由于使用 Winform 实现, 所以只支持windows开发环境VS 2022.NET 6代码.csproj (项目的配置文件)! 非常重要 !// 移除// <TargetFramework&gt

2022-03-27 23:10:37 1220

原创 CSS 隐藏滚动条 / 美化滚动条

代码隐藏滚动条直接使用 hideScrollbar 即可.hideScrollbar::-webkit-scrollbar { display: none; /* Chrome Safari */ }.hideScrollbar { scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-x: hidden; overflow-y: auto;

2022-03-20 17:16:55 726

原创 React Antd4 CRA / Next.js / Vite 按需加载组件的 CSS / Less

在 Create React App (CRA) / Next.js / Vite 中配置 ant design 的按需加载 CSS / Less。antd less 变量修改

2022-03-14 14:16:44 1338

原创 React Next.js antd 首屏闪烁,样式不稳定的bug

说明Next.js + Ant Design 的html渲染后,各种css样式会经历从无到有的一个过程.造成了闪烁的感觉, 体验很差.解决方案https://github.com/ant-design/ant-design/issues/16037

2022-03-14 13:57:19 964

原创 React styled-components TypeScript 的最佳实践

styled-components + TypeScript需要安装 @typesyarn add -D @types/styled-components详细说明原生dom使用 styled.div , styled.h1Button 是 antd 的按钮IMyButtonProps 是props的ts类型定义,attrs需要指定一次, 普通css开头也需要指定一次attrs 是 设置属性一般用来封装通用的属性, 不通用的就在jsx中直接传入,可以直接传入对象,也可以

2022-03-13 15:45:18 1153

原创 React Next.js Ant Design antd 报错: Warning: Prop `className` did not match. Server:....

React + Next.js + Ant Design (antd)浏览器console报错信息:Warning: Prop `className` did not match. Server: "anticon anticon-user ant-menu-item-icon" Client: "anticon anticon-user -item-icon"问题分析导入的方式不同, 不共享上下文import { Menu } from 'antd'; // 这样导入 会报错这个错误

2022-03-12 22:38:08 868

原创 React Next.js styled-components 报错: Warning: Prop `className` did not match. Server:...

React + Next.js + StyledComponents浏览器console报错信息:Warning: Prop `className` did not match. Server: "sc-gsDKAQ WHHak" Client: "sc-bdvvtL fKlryF"大概就是 (hydrate) 水合注水失败了, 虽然是个 warning , 但 界面却是不正常的. 这个警告必须解决.解决方案Next.js 12.1next.config.js在compiler中添加sty

2022-03-12 22:15:08 901

原创 .NET C# Blazor 使用Viewer.js完成图片的大图查看

效果图环境.NET 6代码_Layout.cshtml通过CDN引入插件<!--github仓库地址: https://github.com/fengyuanchen/viewerjs--> <script src="https://cdn.jsdelivr.net/npm/viewerjs@1.10.4/dist/viewer.min.js"></script> <!--自己的js代码--> <script src="js/

2022-03-04 13:14:25 637

原创 .NET C# Blazor 实现显示与服务器的Ping延迟

最终效果画界面Ping.razor<p style="position:fixed;left: 50%;top:0px;z-index:9999;color:greenyellow"> Ping: <span id="ping">50</span>ms</p>@code { // 暴露给js一个可以调用的方法, 随便返回一个值 // 在Blazor Server中所有的C#代码都是服务端运行, // js代码在客户端浏览器运行.

2022-03-02 14:12:34 388

原创 .NET C# Blazor 实现一个在线人数的功能

最终效果画页面OnlineUserCount.razor<p style="margin-bottom:0" @onclick="()=>{ IsShowOnlineUserList = !IsShowOnlineUserList;}"> <span style="color:red;">@OnlineCount</span>人正在浏览这篇文章</p>@{ if (IsShowOnlineUserList)

2022-03-02 13:51:13 156

原创 .NET C# Blazor 判断是Server或wasm模式

using Microsoft.JSInterop;namespace BootstrapBlazorApp.Shared.Utils;public class MyUitls{ private IJSRuntime _JsRuntime { get; set; } public MyUitls(IJSRuntime jSRuntime) { _JsRuntime = jSRuntime; } // wasm模式 public boo

2022-03-02 13:37:34 256

原创 GitKraken 一个项目对多个远程仓库进行推送

GitKraken 当有多个远程仓库时,右击 LOCAL 中的分支名称在弹出的菜单中选择Set Upstream最后选择想要推送的远程仓库名称 即可

2022-02-25 23:17:49 135

原创 .NET, ASP.NET Core, C# 开启gzip和br压缩, 减少wasm,js,css等文件和字符串的传输体积

780 KB 的JS文件, br 压缩到 169 KB, gzip压缩到 208K效果非常棒浏览器请求头如果支持br, 默认会使用br压缩,也可以用 nginx 的proxy_pass代理 去做gzip,不过会遇到一些问题,nginx的 br好像还需要折腾一番,无法开箱即用.NET6 Program代码using Microsoft.AspNetCore.ResponseCompression;// ------------省略一些using------------var .

2022-02-18 21:37:38 1169

archetype-catalog.xml

archetype-catalog.xml 最新版. 慢是由两个原因产生的: maven每次进行创建的时候回去网上下载artheType-catalog.xml maven自带的仓库好像是国外的,访问起来比较慢 把这个弄到本地. 就不用每次都去下载了.

2019-01-21

jQuery Cookie (内附 上百行的中文使用手册,与 所有的注释中文翻译)

jQuery Cookie (内附 上百行的中文使用手册,与 所有的注释中文翻译) 博主亲自翻译. 大家多多捧场. 更多资源请点击"查看TA 的资源" .全场通通 2积分.

2018-07-12

SQL Prompt 9.1.6.4676+ 注册机

SQL Prompt 9.1.6.4676 + 注册机.... 这个是最新版的SQLPrompt_9.. 自己已经在用了. 这个是上一个版本的,也欢迎大家下载 https://download.csdn.net/download/qq_37214567/10249157

2018-05-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除