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