![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React组件库
文章平均质量分 55
本专栏记录一些比较实用的第三方依赖包
王布尔
一只前端小菜鸡,有时间会发一些项目中比较具有实用性的博客,有不严谨之处尽请指点
展开
-
react-activation -- 页签(适用Umi项目)
思路:通过react-activation实现页面缓存,通过umi-plugin-keep-alive将react-activation注入umi框架,封装页签组件最后通过路由的wrappers属性引入页面。浏览本博客之前先看一下我的博客实现的功能是否满足需求,实现功能:- 页面缓存- 关闭当前页- 鼠标右键>关闭当前- 鼠标右键>关闭其他- 鼠标右键>关闭左侧- 鼠标右键>关闭右侧- 鼠标右键>全部关闭(默认跳转到首页)- 鼠标右键>重新加载(刷新缓存页面)原创 2024-01-18 18:10:07 · 1950 阅读 · 0 评论 -
amap/amap-jsapi-loader -- 高德地图
默认信息窗体封装了关闭按钮,使用 API 默认的信息窗体样式,这个时候只需要对 InfoWindow 设定 content 属性即可,content 可以是 dom 对象,也可以是 html 识别的字符串。在参考本示例之前,需要注意的是,高德地图服务平台 - Web端(JS API)已经无法满足我们需求了,我们需要使用服务平台 - Web服务。进入应用管理,创建新应用,新应用中添加 key,服务平台选择 Web端(JS API)。在项目中新建 MapContainer.css 文件,用作地图组件样式。原创 2024-01-11 16:34:37 · 3706 阅读 · 1 评论 -
antv/l7 -- 地图功能
/ 开启默认高亮效果// 开启并设置高亮颜色为红色zIndex: 4, // 设置显示层级}).size(2)// 设置点击生效});});原创 2024-01-05 17:11:29 · 2201 阅读 · 1 评论 -
Codemirror -- 代码编辑器(react、umi)
pnpm install @types/react-codemirror@1.0.8 // ts项目。方法1: 在根目录创建declaration.d.ts文件 ,添加以下代码。方法2: 安装ts依赖(推荐)原创 2024-01-04 16:25:27 · 922 阅读 · 0 评论 -
AntV-G6 -- 将G6图表应用到项目中
【代码】AntV-G6 项目中的应用。原创 2024-01-04 11:00:45 · 862 阅读 · 1 评论 -
braft-editor -- 富文本编辑器(自定义文件上传和拓展功能)
图片上传需要借助braft-utils插件value?: string;onChange?width?height?//表单提交的时候需要把数据通过toHTML()方法处理一下value,onChange,// 在这里调用图片上传接口onChange(?null),!},],),原创 2023-12-29 10:12:03 · 1573 阅读 · 1 评论 -
react-monaco-editor -- 代码编辑器(适用Umi)
这是我配合antd封装的编辑器组件,可以适用于表单元素,也可以独立使用。在config.ts或者.umirc.ts中配置以下代码。原创 2023-12-28 10:55:07 · 1751 阅读 · 7 评论 -
react-diff-viewer -- 代码diff工具
行号单击的事件处理程序。原创 2023-11-08 15:14:04 · 1204 阅读 · 2 评论 -
echarts-for-react -- 封装的echarts插件
封装组件要考虑接收数据、元素id唯一、盒子宽高等因素,可以通过组件等props接收。原创 2023-10-25 17:38:33 · 1480 阅读 · 0 评论