- 博客(431)
- 收藏
- 关注
RSS订阅原创 Antd DatePicker Invalid date问题：点击DatePicker右侧图标后出现Invalid date和NaN
点击DatePicker右侧图标后出现上图的Invalid date和NaN，在时间发生变化的回调onChange事件中打印发现，date为null，dateString为''。DatePicker的value属性做空值判断即可。
2024-05-23 11:29:26
91
原创 request.js使用Promise.all等待所有请求完成再进行数据赋值
的调用，并返回一个新的promise。然后我们用一个数组映射URL数组，为每个URL创建一个promise，并将它们存储在。发送请求，并将每个请求返回的promise存储在一个数组中。来等待所有的promises完成，并处理结果或错误。在JavaScript中，使用。发送多个并发请求，并使用。首先，确保你已经安装了。
2024-05-22 14:10:30
305
原创 checkbox复选框indeterminate和checkAll控制选中、未选中和部分选中的状态转换
indeterminate为false，checkAll为false的时候，状态为未选中。indeterminate为true，checkAll为false的时候，状态为半选中。indeterminate为false，checkAll为true的时候，状态为全选中。
2024-05-22 09:58:49
79
原创 使用git的时候，终端提示warning: There are too many unreachable loose objects； run ‘git prune‘ to remove them.
使用git的时候，终端提示warning: There are too many unreachable loose objects;run 'git prune' to remove them.执行下面的命令，清理优化本地的 git 项目。提交的改动过多，导致本地的缓冲区占用太大。
2024-05-22 09:56:16
60
原创 echarts x轴label formatter截取数据 不影响tooltip时展示完整时间
在ECharts中，如果想要在X轴的标签（label）上截取数据但同时保证在tooltip中能够完整显示全部信息，可以使用axisLabel的formatter函数来自定义标签的显示格式。
2024-05-21 10:20:19
261
原创 前端访问后台接口时，接口状态200，但是预览中是Hi there! Please enable Javascript in your browser to use Ant Design, Out-of
前端访问后台接口时，接口状态200，但是预览中是：Hi there!修改proxy.js中的代理地址，使页面中访问的实际地址与后端接口提供的一致。接口代理访问地址不对。
2024-05-20 13:53:43
63
原创 flex布局子元素的宽度与父元素的宽度一致了，怎么办？子元素是行内元素，想要子元素的实际长度为其宽度
flex布局子元素的宽度与父元素的宽度一致了，怎么办？子元素是行内元素，想要子元素的实际长度为其宽度。给flex元素设置align-items: flex-start;
2024-05-17 16:05:57
85
原创 antd DatePicker无法更新value值，点击按钮改变DatePicker 的value值不生效
一共三处日期，每改动一处日期的时候，其他两处跟着改变。原本考虑onClick时直接使用moment对象的时间传入，然后this.setState设置time值，即可直接实现DatePicker的值改变，结果发现不生效。antd v4版本的DatePicker不能完全通过修改value的方式改变值，日期不会被更新，最好传入一个新的moment对象。在this.setState设置time值时再做处理，将字符串转换成moment对象。将this.setState设置time值为moment()，可以生效。
2024-05-17 15:48:35
536
原创 ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
2024-05-17 13:52:13
238
原创 antd抽屉Drawer在已经设置了全局宽度样式后，单独某个页面设置宽度width样式不生效
antd 抽屉Drawer默认是挂载到body节点的，此时自定义样式时，需要将样式放在页面内容的根节点之外，body之内，不能将抽屉Drawer的自定义样式放在页面内容节点之内。项目中antd抽屉Drawer在已经设置了全局宽度样式后，单独某个页面设置宽度width样式不生效，加上!important也不生效，样式文件用的是less。另外也可以使用getContainer指定Drawer挂载的节点，为符合 React 18 concurrent 标准，从。需要始终返回唯一 dom 节点。
2024-05-16 16:57:19
150
原创 解决vue elementUI el-tabs默认选项下划线不显示的问题
【代码】解决vue elementUI el-tabs默认选项下划线不显示的问题。
2024-05-07 16:48:24
268
1
原创 受保护的分支强制提交了代码报错：You are not allowed to force push code to a protected branch on this project
往新建项目上面上传代码到主分支，结果报错：You are not allowed to force push code to a protected branch on this project……出现了以上报错，说明我们正在尝试强制推送代码到一个受保护的分支，而没有权限执行这个操作。受保护的分支通常是指在远程仓库中设置了限制，阻止用户直接强制推送到该分支，以防止意外或恶意的更改。解决办法：修改gitlab上的权限即可。代码提交成功后，可以恢复分支保护。
2024-05-06 14:52:51
294
原创 git第一次commit如何撤销?使用git reset --soft HEAD^报错：fatal: ambiguous argument ‘HEAD^‘: unknown revision or p
上述命令执行成功，git终端不会有任何提示，如果vscode编辑器中源代码管理那里还是显示的。已提交的状态，关闭vscode重新打开即可。
2024-05-06 14:32:33
176
原创 echarts绘制多条刻度线仪表盘，文本内容带背景且颜色渐变，echarts绘制复杂仪表盘
【代码】echarts绘制多条刻度线仪表盘，文本内容带背景且颜色渐变，echarts绘制复杂仪表盘。
2024-01-23 14:10:13
1063
原创 echarts绘制饼图，部分数据隐藏指示线和文本，hover时隐藏指示线和文本的类别也不显示tooltip提示
【代码】echarts绘制饼图，部分数据隐藏指示线和文本，hover时隐藏指示线和文本的类别也不显示tooltip提示。
2024-01-23 13:43:17
1959
原创 vue echarts地图
范围选择器右侧行政区划范围中输入需要选择的省份或地市，选择自己想要的数据格式，这里选择了geojson格式，点右侧的蓝色按钮复制到浏览器地址栏中，打开的geojson文件内容右键另存为json文件即可。
2024-01-22 17:18:46
784
原创 Echarts折线图鼠标hover悬停时，数据显示在某一条折线上方，用背景图片填充样式，不是tooltip
【代码】Echarts折线图鼠标hover悬停时，数据显示在某一条折线上方，用背景图片填充样式，不是tooltip。
2024-01-17 15:39:35
972
原创 React echarts tooltip悬停时获取当前数据并呈现到页面中
【代码】React echarts tooltip悬停时获取当前数据并呈现到页面中。
2024-01-17 14:37:37
387
原创 解决echarts tooltip在最右侧时部分被遮挡
size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：{contentSize: [width, height], viewSize: [width, height]}。rect: 只有鼠标在图形上时有效，是一个用x, y, width, height四个属性表达的图形包围盒。tooltip.position：提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。params: 同 formatter 的参数相同。point: 鼠标位置，如 [20, 40]。
2023-09-07 19:49:14
736
原创 git commit报错：running commit-msg hook: fabric verify-commit ERROR invalid commit message format.
【代码】git commit报错：running commit-msg hook: fabric verify-commit ERROR invalid commit message format.
2023-08-16 15:06:44
709
原创 Edge浏览器安装vue devtools
在文件夹空白处，点击鼠标右键选择：git bush here。3. 在上一步打开的git窗口中安装依赖。4. 成功安装依赖后在git窗口中打包构建。2. 下载后的压缩包解压并打开文件夹。
2023-08-02 11:04:32
1906
3
原创 在VSCode下运行webpack命令无效：无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
VSCode下的默认终端是PowerShell，改成cmd。
2023-08-02 10:54:36
131
原创 Git拉取的项目子项目下运行npm run serve提示：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
1. 查看package.json里面有没有vue-cli-service；（或者：直接删除node modules和package-lock.json，运行npm install。以下npm命令都可以使用cnpm或yarn命令代替。查看vue-cli版本为：2.9.6。3. 卸载旧版本vue-cli。
2023-08-02 10:52:32
935
原创 antd form表单文本标签右对齐的
formItemLayout 中的labelCol和wrapperCol同样的尺寸大小（如xs）加在一起是antd的栅格系统共24份。labelCol表示当前label文本标签在整行的占比，wrapperCol表示当前输入框在整行中的占比。xl：屏幕 ≥ 1200px 响应式栅格；lg：屏幕 ≥ 992px 响应式栅格；xxl：屏幕 ≥ 1600px 响应式栅格。xs：屏幕 < 576px 响应式栅格；sm：屏幕 ≥ 576px 响应式栅格；md：屏幕 ≥ 768px 响应式栅格；
2023-08-02 10:48:02
1549
原创 jquery.min.js:2 Uncaught TypeError: Failed to execute ‘createLinearGradient‘ on ‘CanvasRenderingCont
页面报错：jquery.min.js:2 Uncaught TypeError: Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': The provided double value is non-finite.原因：echarts图表数据不正确。例如，图表中的数据应该是不带单位的数据，但是接口返回了带单位的数据，未经过处理直接应用到图表的data中。
2023-08-02 10:11:33
744
原创 react项目报错Uncaught SyntaxError: Unexpected token ‘＜‘
2. 项目嵌入微服务是否配置路径不对。1. 前端包没有覆盖更新；
2023-08-02 10:05:59
2045
原创 git回退到指定版本
2. git reflog：git reflog命令可以查看所有分支的所有操作记录信息，包括已经被删除的 commit 记录和 reset 的操作；1. git log：git log命令可以显示当前分支所有提交过的版本信息，不包括已经被删除的 commit 记录和reset的操作；3. 代码托管网页上查看history，找到需要回滚的目标版本号。
2023-08-02 10:00:12
429
原创 点击页面按钮新标签页打开页面时，Chrome浏览器自动打开控制台工具devtools
需要注意的是：在点击按钮时，当前页面的DevTools需要是打开状态，如果当前页面没有打开控制台，点击按钮后打开的新标签页面也不会自动打开控制台。
2023-08-02 09:46:48
3023
原创 echarts tooltip被遮挡的解决办法
官网中下面这段代码乍一看有点不解，obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]]这里解释一下：obj中第一个数组[left, right]是属性名的集合，第二个数组中的计算结果作为第一个数组的索引值，如pos[0] < size.viewSize[0] / 2为true的时候通过+转换为数字1，即obj[['left', 'right'][1]] = obj['right']。
2023-07-13 17:55:34
1279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人