- 博客(28)
- 收藏
- 关注
RSS订阅原创 如何把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
6964
4
原创 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
1762
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
623
原创 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
5717
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
2874
原创 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
486
原创 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
562
原创 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
1245
原创 新手使用~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
764
原创 Echarts饼状图指示线长度设计 以及只要一段
series: [ { center: ["50%", "63%"], //折线图中心图的位置调整 normal: { label: { show: true, //展示label formatter: '{d}',//指示线外显示百分比数 position: 'outer', textStyl
2021-07-19 14:02:04
2237
原创 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
1322
原创 Echarts 设置柱子之间的距离
series最后一个子设置以下属性即可series:[...,{},{ barCategoryGap:'5%', }]需要注意的是，如果设置了barWidth 该属性将不起作用
2021-07-13 08:53:59
14034
原创 新手使用~React + hooks实现Antd表格的请求携带分页
首先需要声明total(总长度)，分页以及条数const [total, setTotal] = useState(10)const pageOption = useRef<any>({page: 1,size: 10})//由于使用setState 会有延迟的情况，所以使用useRef获取实时数据（需要注意的是，useRef不会驱动页面的更新，并且useRef存储的数据需要从current里取哦！），感兴趣的同学可以试试使用useState的效果哦~声明分页参数 const p
2021-07-06 12:00:59
2205
3
原创 react踩坑日记~useRef不会使页面更新
useRef会实时更新数据，但不会使页面更新！想更新页面，就要结合useEffect（第二个值）和useState使用
2021-06-09 14:20:05
3268
原创 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
2728
原创 Antd如何在label里增加icon图标
要求样式如下：翻阅了antd文档，没有直接可插入icon的api。后发现label可以传字符串进入或者组件。于是采用了封装组件的方式。（强烈建议官方出label可以自带icon的功能） //需要的formItem的label label={<UseTooltip text={ToolTip的文字提示}/>}//UseToolTip 组件内 <div> <span>名称:</span> <Tooltip
2021-05-19 10:11:28
3445
4
原创 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
1286
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
2735
2
原创 elementui input 到了最大值 加减都禁用
绑定最大值最小值时，如果没有用:max=" " :min=" "的形式绑定，在判断为字符串后会有一点问题，比较的时候是是否大于和是否小于最大值判断的，所以为等于最大致的情况下就会产生bug，加减都无法进行。 所以建议以:的形式绑定最大最小值。...
2020-11-18 16:13:56
1003
原创 git撤销与回滚
未添加暂存区（未 git add ）git checkout – filename 撤销单个文件（两个-）git checkout – . 撤销多个（两个-）添加到暂存区（未commit）git reset HEAD filename 撤销单个文件$ git reset HEAD 撤销所有文件git commit之后git log 查看记录git revert commitid 撤销某次操作git reset --hard commit_id补充 --hard – 强制将缓存区
2020-09-22 13:48:21
203
原创 Vue Element采坑日记之图片上传后不及时更新视图
修改前 async upLoadImage(e) { //图片的文件信息 let file = e.file; //借助FormData对象上传文件 let formData = new FormData(); //FormData携带图片对象 formData.append("file", file); //请求接口 图片对象以二进制流的方式传递 let res = await this.$http.upI
2020-09-10 09:32:44
793
原创 react踩坑日记之setState后用回调函数再次触发setState，页面延迟更新
react踩坑日记之setState后用回调函数再次触发setState，页面延迟更新初始化state:state = { MasterList: []}修改之前： openDialog(id) { //第一次调用 this.setState({ flag: true, MasterID: id }) this.getList() } getList(){ ...
2020-09-10 09:22:17
1173
原创 git学习常见命令及配置用户名邮箱
git学习笔记git全局配置git基本命令git全局配置git config --global user.name xxxxgit config --global user.email xxxxgit基本命令命令说明git init初始化本地仓库git status查看工作区状态git diff查看工作区和暂存区的区别git diff --cached查看暂存区和分支的比较git diff 分支名查看暂存区和本地版本库的比较的区别gi
2020-08-11 17:25:51
272
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人