- 博客(431)
- 收藏
- 关注
原创 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 237
原创 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 1958
原创 vue echarts地图
范围选择器右侧行政区划范围中输入需要选择的省份或地市,选择自己想要的数据格式,这里选择了geojson格式,点右侧的蓝色按钮复制到浏览器地址栏中,打开的geojson文件内容右键另存为json文件即可。
2024-01-22 17:18:46 784
原创 Echarts折线图鼠标hover悬停时,数据显示在某一条折线上方,用背景图片填充样式,不是tooltip
【代码】Echarts折线图鼠标hover悬停时,数据显示在某一条折线上方,用背景图片填充样式,不是tooltip。
2024-01-17 15:39:35 971
原创 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 1903 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关注的人