![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
Asurejiang
默默无闻每天踩坑的程序媛
展开
-
mac nvm use某个版本后,新建终端始终使用system版本
nvm use后新建终端nvm默认版本异常原创 2023-03-14 16:08:42 · 397 阅读 · 0 评论 -
如何把commit后的代码撤回到暂存区
常规提交流程git add .git commit -m "xxx"这时又进行了一些编写,想把上一次commit的代码撤回到暂存区一起提交。git log // 查看commit记录commit id1 xxx1commit id2 xxx2id1为你上次的提交,你需要git reset --soft id2即可把commit id1的内容撤回到暂存区...原创 2022-02-22 16:20:17 · 6159 阅读 · 2 评论 -
Antv 柱状图如何实现每条柱子颜色不一样
实现代码:import React, { useState, useEffect } from 'react';import ReactDOM from 'react-dom';import { Column } from '@ant-design/charts';const DemoColumn = () => { const [data, setData] = useState([]); useEffect(() => { asyncFetch(); }, .原创 2021-12-20 13:39:39 · 1631 阅读 · 1 评论 -
React umi Antd分页组件时间组件等根据国际化不同语言展示组件文字
建议直接在父组件/布局组件中直接搞定,就不需要在每一个子组件里面重复啦 ~首先从antd中引入对应的语言包、组件及需要的方法 import { getLocale } from 'umi'; import zhCN from 'antd/es/locale/zh_CN'; import enCN from 'antd/es/locale/en_US'; import { ConfigProvider } from 'antd'; import { isEqual } from "lodash.原创 2021-10-20 14:34:36 · 587 阅读 · 0 评论 -
Antd RangePicker 时间日期选择器 禁用当前时间往后的日期及现在时间往后的时分秒禁选
RangePicker 组件<RangePicker onChange={onSearch} placeholder={[ formatMessage({ id: 'page.Business.StartTime' }), formatMessage({ id: 'page.Business.EndTime' }), ]} format="YYYY-MM-DD HH:mm" disabledDate={disabledDate} disabledTime=.原创 2021-09-24 22:43:36 · 5401 阅读 · 1 评论 -
echanrts 仪表盘 间隔进度条/规律多色进度条
效果图: const cake:any = document.getElementById(`fault-item-${index}`) const myChart = echarts.init(cake); const option = { backgroundColor: '#000643', //底层色 toolbox: { feature: { restore: {}, saveAsImage: {}原创 2021-08-25 11:05:35 · 2753 阅读 · 0 评论 -
React-umi-数字滚动效果
下载插件 yarn add react-countupimport CountUp from "react-countup";<CountUp start={0} end={66} duration={1} />start 为初始值 end为滚动到的数字 duration延时原创 2021-08-18 10:22:36 · 464 阅读 · 0 评论 -
js react 中文+英文混合排序
背景是需要对一个英文字母和汉字混合的某属性进行首字母排序npm i pinyin -S// 下载将中文转成拼音的插件首先将数组进行渲染const sortData = map(arr, item => { if (item?.name[0].charCodeAt(0) > 255) { //判断如果是汉字 const firstText = item?.name.slice(0, 1); // 将name的子一个字裁下来 const.原创 2021-08-06 14:41:39 · 530 阅读 · 0 评论 -
Git 切换分支不想提交代码该如何处理
在B分支工作时,突然来了个紧急需求,需要切到C分支作业。但并不想提交B的代码该如何处理呢?可以把代码暂时提到缓存区,切换到C分支进行编写,完成需求提交diamante后,切回B分支读取缓存即可。附缓存指令:git stash // 缓存git stash save 'message' // 推荐使用这个 可以根据存取的message分辨缓存git stash list // 缓存列表git stash pop // 读取缓存的最后一个并从list中删除该缓存git stas原创 2021-08-03 15:17:18 · 1192 阅读 · 0 评论 -
新手使用~React+Antd^4.1.3+Hooks自定义筛选框
官网此版本的筛选组件为:根据可爱的pm的要求,需要添加全选、确认筛选、重置按钮。此情景适用于后端所需要的的参数传递为多选,[] 数组的形式,而非单个字符串。引入需要的组件及包import { Table, Button, Checkbox, Space} from 'antd';import React, { useState, useEffect, useRef } from 'react';import { useDispatch, Dispatch,} from 'umi';原创 2021-08-03 12:06:36 · 728 阅读 · 0 评论 -
Echarts 更新数据图未更新
可尝试把setOption第二个参数传入trueecharts.setOption(options,true)原创 2021-07-26 17:21:01 · 282 阅读 · 0 评论 -
Echarts饼状图指示线长度设计 以及只要一段
series: [ { center: ["50%", "63%"], //折线图中心图的位置调整 normal: { label: { show: true, //展示label formatter: '{d}',//指示线外显示百分比数 position: 'outer', textStyl原创 2021-07-19 14:02:04 · 2161 阅读 · 0 评论 -
react+ts Antd 表格多选导出csv表格
1.下载npm i react-csv --savenpm i @types/react-csv --save // 不是ts环境不用下2.我是点击按钮批量导出Table选中的行 const [RowKeys, setRowKeys] = useState<any[]>([]); // 选中行 const exportData = useRef<any>([]) // 导出数据 const [choiceMark, setChoiceMark] = useState(原创 2021-07-16 17:51:52 · 1227 阅读 · 0 评论 -
Echarts 设置柱子之间的距离
series最后一个子设置以下属性即可series:[...,{},{ barCategoryGap:'5%', }]需要注意的是,如果设置了barWidth 该属性将不起作用原创 2021-07-13 08:53:59 · 13790 阅读 · 0 评论 -
找不到名称“div”
可以检查下文件名是否将tsx错写成了ts哦~改为index.tsx 报错消失原创 2021-07-12 18:25:35 · 2645 阅读 · 2 评论 -
react踩坑日记~useRef不会使页面更新
useRef会实时更新数据,但不会使页面更新!想更新页面,就要结合useEffect(第二个值)和useState使用原创 2021-06-09 14:20:05 · 3145 阅读 · 0 评论 -
Antd select option为单个的Collaps 阻止点击收起下拉框
因select事件,点击箭头想展开折叠面板,但下拉框会收起。我想在点击箭头的时候展开收起折叠面板,点别的地方收起下拉框。所以在渲染的时候 所有Collapse外放置了一个div。给div添加事件,判断如果是svg箭头或者svg的父元素span就阻止冒泡。data.map((item)=>{return <div onClick-={(e:any)=>handleStop(e)}> <Collapse bordered={false} defaultActiveK.原创 2021-06-07 16:14:28 · 2549 阅读 · 0 评论 -
umi模拟接口没请求到~
接口名明明正确,为什么没有请求到呢?今日踩坑:mock文件夹下应该用.ts文件夹 用tsx加载不到。原创 2021-05-31 14:14:08 · 394 阅读 · 0 评论 -
Antd^4.1.3 版本 Tooltip提示修改背景色 color属性失效
背景:用官方提供的color={}修改,ts报错color类型无法分配,我自行在ts里加上以后,该属性也无法生效。后找到解决办法:设置 trigger=“click”,tooltip会在点击的时候才生效。点击出来之后可以用浏览器的箭头捕获寻找样式。//对话框背景色.ant-tooltip-inner{ background: #D8D8D8 ;}//小箭头的颜色.ant-tooltip-arrow::before{ background-color: #D8D8D8;}...原创 2021-05-19 10:02:34 · 1246 阅读 · 5 评论 -
Antd可展开表格 自定义按钮控制展开隐藏
默认:展开:```javascriptimport { Table } from 'antd';import React from 'react'export default class Demo extends React.Component { constructor(props) { super(props); this.state = { expandedRowKeys: [], }; } o原创 2021-05-17 17:57:17 · 2637 阅读 · 2 评论