Karle

2024年8月1日

摘要：使用第三方库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 阅读(377) 评论(0) 推荐(0)

封装Echarts组件

摘要：构建配置文件，按需引入相关组件 // echarts.config.js // * 需要哪些组件和配置，请在 import 时手动添加。 import * as echarts from 'echarts/core'; // 引入用到的图表 import { BarChart, PieChart } 阅读全文

posted @ 2024-08-01 15:16 Karle 阅读(79) 评论(0) 推荐(0)

2024年7月29日

React实现过渡效果更新时间展示

摘要：创建一个组件，实时展示时分秒，并且动态更新数据。数据变化时利用过渡效果动态更新。利用两个元素，重叠在一个位置，以达到交替变化的效果 //创建秒显示节点 <div className="text second"> <CSSTransition in="{renderSecond}" timeout 阅读全文

posted @ 2024-07-29 09:12 Karle 阅读(69) 评论(0) 推荐(0)

2024年7月23日

React，Echarts实现2D地图并且支持地图下钻

摘要：功能及效果图渲染地图图表点击某个地域，地图下钻，地图图像更新支持全国，省及地市展示实现过程简去搭建react项目，引入echart库等步骤收集地图数据需要获取具体地点的GeoJson文件通过https://datav.aliyun.com/portal/school/atlas/ar 阅读全文

posted @ 2024-07-23 17:20 Karle 阅读(1076) 评论(0) 推荐(0)

Eslint配置记录

摘要： ts里变量定义any报错Unexpected any. Specify a different type. "@typescript-eslint/no-explicit-any": ["off"] 阅读全文

posted @ 2024-07-23 09:50 Karle 阅读(31) 评论(0) 推荐(0)

2024年7月17日

setState异步更新数据导致的问题

摘要：背景子组件使用ProDescriptions组件，通过传入columns和request构建列表。 <Modal open={visible} > <ProDescriptions columns={columns as any} request={getTableRequest as any} 阅读全文

posted @ 2024-07-17 10:26 Karle 阅读(128) 评论(0) 推荐(0)

2024年7月13日

自用VsCode配置文件

摘要： {"name":"karle","settings":"{\"settings\":\"{\\r\\n\\t\\\"liveServer.settings.CustomBrowser\\\": \\\"chrome\\\",\\r\\n\\t\\\"liveServer.settings.donot 阅读全文

posted @ 2024-07-13 14:26 Karle 阅读(49) 评论(0) 推荐(0)

ProComponent搭建Upload表单

摘要：背景利用ProComponent，创建一个能够上传文件的表单。一开始打算使用<BetaSchemaForm/>进行构建，但是columns中valueType不支持Upload组件，因此无法实现所以需要利用ProForm进行构建做法因为是弹窗表单，所以需要<ModalForm></Moda 阅读全文

posted @ 2024-07-13 14:24 Karle 阅读(178) 评论(0) 推荐(0)

React使用ProComponent建立表单和列表

摘要： ProComponent ProComponent基于Antd组件库，进一步封装，成为满足企业级开发需求的组件库。其兼容Antd内容的基础上，对表单列表等内容进行完善，在建立表单等需求中能够提供强大的api以及功能集合 Ant Design 定义了基础的设计规范，对应也提供了大量的基础组件。但是对于阅读全文

posted @ 2024-07-13 13:51 Karle 阅读(335) 评论(0) 推荐(0)

2024年4月29日

Nuxt2项目Js文件使用Vuex

摘要：背景当前项目是Nuxt2框架，建立了Vuex仓库。通过返回一个函数的形式，建立Vuex 代码如下 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = () => new Vuex.Store({ sta 阅读全文

posted @ 2024-04-29 16:27 Karle 阅读(323) 评论(0) 推荐(0)

公告