摘要: {"name":"karle","settings":"{\"settings\":\"{\\r\\n\\t\\\"liveServer.settings.CustomBrowser\\\": \\\"chrome\\\",\\r\\n\\t\\\"liveServer.settings.donot 阅读全文
posted @ 2024-07-13 14:26 Karle 阅读(4) 评论(0) 推荐(0) 编辑
摘要: git commit message基本格式 <type>(<scope>): <subject> type(required) 用于说明git commit的类别,只允许使用下面的标识。 feat:新功能(feature)。 fix:修复bug,可以是QA发现的BUG,也可以是研发自己发现的BUG 阅读全文
posted @ 2024-01-12 15:16 Karle 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 远程仓库存在大量tag需要清理,在gitlab无法批量删除,需要在原生命令窗口通过命令进行操作 使用正则表达式匹配相关tag 使用tag名遵循test.20241207123424(测试标签,2024年12月07日12点34分24秒) 首先使用正则表达式打印出符合条件的标签git tag -l | 阅读全文
posted @ 2024-01-09 18:33 Karle 阅读(162) 评论(0) 推荐(0) 编辑
摘要: antd 4X版本 父组件是Form组件,其中一项为Form.List,Form.List内嵌了一个Table const form = Form.useForm() <Form form={form}> <Form.List> {(fields, operate, { errors }) => { 阅读全文
posted @ 2024-09-29 14:53 Karle 阅读(0) 评论(0) 推荐(0) 编辑
摘要: 基本结构 场景 相机 渲染 场景用来放入各种网格模型。每个网格模型为独立个体,又几何体和材质组成。 投影相机如同人眼,用来观察网格模型。 最终利用渲染对象对相机和场景进行渲染,将3D模型渲染在页面上。 创建几何体 THREE.BoxGeometry创建立方体 const geometry = new 阅读全文
posted @ 2024-09-03 16:11 Karle 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 常见的下拉菜单,在点击元素之外的地方会收起菜单,可以用到contains()进行判断 <div> <button>show</button> <Dropdown>...</Dropdown> </div> const btn = document.querySelector('button') do 阅读全文
posted @ 2024-08-21 11:30 Karle 阅读(5) 评论(0) 推荐(0) 编辑
摘要: proComponents ^2.7.1 调整proTable滚动条样式 .ant-pro-table { .ant-table-content { scrollbar-width: auto; scrollbar-color: auto; } ::-webkit-scrollbar { heigh 阅读全文
posted @ 2024-08-21 10:38 Karle 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 背景 Umi@4中菜单栏的collapse按钮默认不在菜单栏底部,需求要将该按钮放回菜单底部并且改变默认icon 一开始做法 直接修改组件样式,将其放置到菜单组件底部 但是无法修改icon 不想使用伪元素去重写icon,而且无法做到不同状态不同icon .ant-pro-sider-collapse 阅读全文
posted @ 2024-08-14 16:51 Karle 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 背景 使用echarts,通常都会在浏览器窗口尺寸改变的时候resize图表。 const resize = () => { cInstance.current?.resize({ animation: { duration: 300 }, }); }; useEffect(() => { wind 阅读全文
posted @ 2024-08-14 10:27 Karle 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 图例 构建思路 将图表分为两个部分 表头 数据块 表头 实际为y轴配置 由于不单止显示文字,所以使用富文本进行渲染 yAxis: [ { type: 'category', //label数据数组 data: storePriceChartData?.labelList ?? [], //不显示刻度 阅读全文
posted @ 2024-08-01 16:29 Karle 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 使用第三方库echarts-wordcloud,该库在echarts的基础上,实现词云的构建 安装 npm i echarts npm i echarts-wordcloud 按需引入 import * as echarts from 'echarts'; import 'echarts-wordc 阅读全文
posted @ 2024-08-01 15:27 Karle 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 构建配置文件,按需引入相关组件 // echarts.config.js // * 需要哪些组件和配置,请在 import 时手动添加。 import * as echarts from 'echarts/core'; // 引入用到的图表 import { BarChart, PieChart } 阅读全文
posted @ 2024-08-01 15:16 Karle 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 创建一个组件,实时展示时分秒,并且动态更新数据。 数据变化时利用过渡效果动态更新。 利用两个元素,重叠在一个位置,以达到交替变化的效果 //创建秒显示节点 <div className="text second"> <CSSTransition in="{renderSecond}" timeout 阅读全文
posted @ 2024-07-29 09:12 Karle 阅读(9) 评论(0) 推荐(0) 编辑