自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(143)
  • 收藏
  • 关注

原创 TypeScript位运算

TypeScript位运算符,ts位运算符原理解释,对于取反~位运算符详细过程理解

2024-08-07 17:38:21 791

原创 sourceTree 解决remote: HTTP Basic: Access denied报错mac

因为登录的git账号没有仓库权限,或者之前账号权限失效,或者之前账号离职导致的没有权限,没权限操作git仓库就报错。解决方案:所以需要更换sourceTree中指定仓库的git账号,之前登录过一次,如何切换,请看解决方案。5.这时候会弹出输入用户名和密码的弹窗,输入有权限的账户。4.在sourceTree再次从远端拉取代码。输入新账户以后再操作代码仓库就没有任何问题了。1.点击sourceTree图标,选择设置。3.可以删除之前仓库关联的用户。2.选择设置弹窗的“高级”

2024-06-14 10:16:43 859

原创 error:0308010C:digital envelope routines::unsupported

error:0308010C:digital envelope routines::unsupported报错,解决方案降低node版本,启用legacy OpenSSL provider,配置package.json文件

2024-03-07 11:09:11 1532

原创 antd Form.Item 中如何获取到Select的label值

antd Form.Item 中如何获取到Select的label值

2024-01-26 14:34:07 807

原创 Error: error:0308010C:digital envelope routines::unsupported的解决方案

Error: error:0308010C:digital envelope routines::unsupported的解决方案,node版本是18以上影响,配置package.json文件

2024-01-13 23:17:04 958

原创 nvm安装pnpm,pnpm不是内部或者外部指令问题解决

pnpm安装问题,node18+才能安装pnpm

2024-01-12 15:35:57 2162

原创 js相同字符串截取拼接

[ '999-1234567899', '999-1234567900','999-1234567901']数据转化成999-1234567899/900/901

2023-11-28 16:32:07 589

原创 js数组中,相同id的item数据合并

js处理相同id的item,指定数据合并

2023-11-28 16:05:41 826

原创 react antd message多条数据展示样式

antd message动态多行提示效果

2023-11-07 15:58:10 1817

原创 png转svg图片免费

png图片免费转成svg格式图片,在线转

2023-07-05 16:44:51 1708 1

原创 前端为什么使用svg图片

为什么使用svg图片

2023-07-05 11:23:01 317

原创 react umi中使用svg线上图片不加载问题

react中使用svg的几种方法,解决svg加载失败问题

2023-06-28 16:16:41 1612

原创 正则表达式不包含指定字符

js正则1-32个字符;不能包含 '/ \ : * ? “< >

2023-06-07 16:22:08 1694

原创 在 React 中使用 highlight.js 和 Clipboard.js 实现代码块和复制功能

react中使用highlight代码块组件

2023-05-17 13:47:29 1638 2

转载 sourceTree中git同一个项目添加多个远程仓库

git中使用sourcetree管理同一个项目中的多个远程仓库

2023-03-10 14:58:17 1156

转载 react hook 初次渲染时不执行useEffect

react hooks自定义一个钩子,在第一次调用时跳过运行useEffect函数。

2023-03-09 11:25:48 2701

转载 使用sourcetree拉取/提交/克隆仓库时 Failed to connect to www.google.com port 80: Timed out

使用sourcetree拉取/提交/克隆仓库时 Failed to connect to www.google.com port 80: Timed out

2023-03-03 10:51:31 1183

转载 win10电脑WiFi无连接

win10wifi突然无连接解决方案

2022-11-25 15:17:08 281

原创 apifox导出ts类型

apifox安装地址和生成ts类型定义

2022-11-02 15:06:03 1554

转载 【Umijs自动打开浏览器配置】

umi设置浏览器自启动

2022-10-31 17:13:14 729

原创 VSCode中文设置异常

原文链接:https://blog.csdn.net/weixin_34898216/article/details/113548414第一步下载插件:Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code(现在直接下载安装已经起效)在Chinese (Simplified) Language Pack for Visual Studio Code界面中点击Reload(重新加载)第二步使用快捷键在Ctrl+Shift+

2022-02-23 11:18:17 2897

原创 解决vscode 下载扩展插件失败,[renderer6] [error] XHR failed: Download: XHR failed

很奇怪,vscode突然插件就不能下载了,点击安装就报错。如下:最终发现原因是:电脑开了代理软件,只要把代理关掉就可以正常下载vscode插件。

2022-02-16 15:08:42 5881 7

原创 React hooks 怎样做防抖?

参考文章:https://blog.csdn.net/wangweiscsdn/article/details/107844516https://blog.csdn.net/weixin_47958188/article/details/1072315981. lodash防抖需要下载loadsh依赖:# yarn add lodashnpm i lodash引入:// lodash 支持按需加载,有利于打包结果优化import debounce from 'lodash/debounc

2022-01-17 17:35:23 896

原创 React锚点滚动的问题

参考文献:https://segmentfault.com/a/1190000023881414React锚点滚动,传统的a标签写法如下<a href = '#div'>To div</a><div id= 'div'>DIV</div>这种写法点击a标签就会跳转,并且伴随路由的改变。我们可以使用scrollIntoView方法来实现滚动效果scrollIntoView方法可配置参数它接受两种形式的值:布尔值或对象。接受布尔值主要还是为了兼容不

2021-12-30 15:35:11 1278 12

原创 2021年「博客之星」参赛博主:MYG_G

我正在参加年度博客之星评选,请大家帮我投票打分,您的五星⭐⭐⭐⭐⭐是对我的支持与鼓励。投票地址:https://bbs.csdn.net/topics/603955982感谢各位老铁的五星好评,评论区留下你们的链接吧!我会一一给大家五星好评的...

2021-12-30 14:17:42 270 4

原创 G2Plot自定义tooltip的title

需求:期望移入显示的tooltip可以自定义title和g2-tooltip-list-item官网链接:https://g2plot.antv.vision/zh/examples/bar/basic#width-ratio效果如下默认显示如下:tooltip默认展示的title是我们Y轴对应数据,默认展示的g2-tooltip-list-item是x轴数据类型名称:x轴对应的数据用到tooltip相关属性代码如下import React, { useEffect } fro.

2021-12-21 17:43:14 2514 7

原创 bizcharts饼图Legend显示数值和百分比

效果图百分比官网API:https://www.bizcharts.net/product/BizCharts4/category/62/page/81#itemvalueitemValue是Legend设置配置图例value的属性,我们可以再formatter函数中设置我们想要显示的值。打印formatter中(text: string, item: ListItem, index: number)对应的值,我们可以用index获取当前对应的value值const tarValue = cha

2021-12-16 11:25:33 2473

原创 antd修改Tooltip背景色

Tooltip默认背景色是黑色,字体是白色。实现修改为黑字白底。

2021-12-01 16:27:03 4282

转载 React hooks的渲染逻辑与class组件的setState的区别

参考文献:https://blog.csdn.net/qiwoo_weekly/article/details/106233082

2021-12-01 15:28:27 343

原创 Form.List实现多层嵌套动态添加表格antd+hooks+ts

功能如下1.默认无数据,点击绿色新增按钮,会动态添加条件组2.新增的动态条件组中都有新增子组件的按钮,可以在组中,在动态添加子组件数据结构如下: "inGroups": [ { "conGroup": [ { "xxx": null, "yyy": 1, "zzz": 1, },

2021-11-26 16:56:00 3190 4

原创 vscode分屏和合并分屏快捷键

参考文献:https://blog.csdn.net/qq_43827595/article/details/100044170VScode分屏相关快捷键分屏 ctrl (command)+ \关闭当前分屏 ctrl(command) + W切换分屏 ctrl + 1/2/3自定义快捷键方法点击左下角的设置按钮,会有键盘快捷方式选项。修改方法:输入编辑器,找到对于的命令进行快捷键修改即可...

2021-11-17 17:21:45 8197

原创 Git/SourceTree 解決冲突 Please commit your changes or stash them before you merge

参考文献:1.https://juejin.cn/post/68449041054045470862.https://www.jianshu.com/p/920ad324fe643.https://blog.csdn.net/qq_32452623/article/details/756455781.用git pull来更新代码的时候,遇到了下面的问题:error:Your local changes to the following files would be overwritten by

2021-11-15 11:31:32 641

原创 git设置http免密登录

参考文献:https://www.cnblogs.com/cxx8181602/p/11125539.htmlgit 配置 https免密码登录一. 区分https clone 和 ssh clone不同的克隆方式导致校验方式不同,对应的免秘方式也不一样。https通过记住账号密码免登,ssh通过校验生成的密钥免登。 通常都用ssh校验。二.https免密配置方法设置配置 .git/configgit config --global credential.helper store[cred

2021-10-19 16:27:51 6835 1

原创 查看聊天记录(react+ts+hooks)

import React, { useEffect, useState } from 'react';import { Drawer, } from 'antd';import avatar from '@/assets/images/avatar.png';import styles from './index.less';type IRecordDrawerProps = { visible: boolean; onCancel: () => void; talkItem.

2021-09-26 17:15:48 338

原创 在线录音+上传录音(react+hooks+ts)

单个上传录音单个在线录音多个在线录音多个上传录音

2021-09-26 16:15:55 3672

原创 语音合成设置(react+hooks+ts)

代码实现import React, { useEffect, useState } from 'react';import { Modal, Form, Select, Slider, Row, Col, Button } from 'antd';import styles from '../index.less';type ISyntheticConfigProps = { valueRange: any; valueConfig: any; loading: boolean; .

2021-09-23 11:28:17 521

原创 设置scrollTop无效(react)

参考文献:1.https://zhuanlan.zhihu.com/p/3424927022.https://www.jianshu.com/p/4c9e59b846743.https://blog.csdn.net/weixin_39948247/article/details/111338810?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&

2021-09-22 10:50:53 2081 3

原创 antd table分页居中显示(react)

在最新版的antd中,.ant-table-pagination ** 是flex,.ant-table-pagination-right**设置的 justify-content: flex-end,所以分页默认在右边展示,如下:我们想要分页居中,首先要把flex给成display: block;然后在给 .ant-table-pagination-right设置居中 text-align: center;上代码:.center_table{ :global { .ant-tabl

2021-09-17 10:24:39 2100

原创 自定义audio(react)

H5的audio默认的样式可以满足我们录音播放停止等功能,提供的部分固定样式可以修改,如下:audio::-webkit-media-controls-panelaudio::-webkit-media-controls-mute-buttonaudio::-webkit-media-controls-play-buttonaudio::-webkit-media-controls-timeline-containeraudio::-webkit-media-controls-current-t

2021-09-16 15:28:09 1947

原创 ts定义对象中对象类型

定义type IPlanTagProps = { content: string; bg?: string; color?: string;};type tagsProps = { [propName: string]: IPlanTagProps; // 关键}const tagsMap: tagsProps = { 'a': { content: 'aa', bg: '#E9EDFF', color: '#264AFF' }, 'b': { content: 'bb

2021-08-19 15:44:47 10074

空空如也

空空如也

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

TA关注的人

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