- 博客(32)
- 收藏
- 关注
RSS订阅
原创 低代码数据可视化开源项目源码阅读总结（二）
在阅读开源代码的画布代码和组内配置代码时，发现一个问题，当配置成组组件的透明度的时候，组内组件的操作框也变得透明，这里的实现是有问题的。笔者阅读其画布中的组件代码，发现因为组内组件（包含其操作框）因为嵌套在成组组件内部，所以设置成组组件透明度的时候，组内组件的操作框必然会受到影响。我们理想的情况是操作框不受任何组件，组内配置的透明度的影响。这样，即便成组组件组内配置为完全透明的时候，我们仍可看到成组组件内部的组件的操作框，并且进行组件操作。
2023-12-18 13:17:07
585
原创 react-intl国际化{}大括号转义
根据源码formatMessage实现，可知，如果要在国际化中使用大括号本身，那么我们用引号包裹大括号即可。
2024-07-15 19:15:36
127
原创 前端文件下载的方式
方案：a标签可以携带cookie,所以可以有另一种解决方法，在下载文件前，发送一个请求获取一个临时token通过cookie进行携带，a标签下载是流式下载，会把服务器的文件像流水一样存储到本地磁盘，所以下载直接能看到下载，不会将文件缓存到浏览器。**如果文件小还行，文件大了就会出现点击了下载，但是没有反应，过了几分钟后才出现了下载，这种等待时间就是将服务器端的那个文件转成了blob（res.blob()花的时间特别长），才进行a标签的流式下载（这里页面才开始出现有下载的交互体现）
2024-07-11 19:52:20
284
原创 解析gitlab中graph图（持续更新）
问题单202210260971-antd组件badge组件因升级丢失样式 这个提交为什么只合入了iotprivate的v3.7.0,而没有合入iotprivate的v3.6.0,根据graph显示，这个问题改在b02分支，后b02分支合入了二期的merge分支，二期分支沿用merge分支，二期分支在v3.6.0前就合入了iotprivate分支，但是为什么在v3.7.0才看到这个问题的提交，是我的理解错误了吗？二期分支明明是有这个commit的合入的。
2024-04-22 20:26:51
225
原创 前端数据可视化d3技术简介
本文参考自mooc教程。（Data-Driven Documents） 是一个 Javascript 图形库，基于 Canvas、Svg 和 HTML。D3强调web标准为您提供了现代浏览器的完整功能，而没有将自己的专有框架与强大的可视化组件和数据驱动的DOM操作方法相结合。D3是一个专门用于2d场景数据可视化的库。WHY社区中已经有很多处理数据可视化的js库。我们为什么要学习D3？高度打包的库（如echarts、highcharts）可以在PC和移动设备上很好地运行，并且与当前大多数浏览器兼容。
2024-03-27 20:00:41
1422
原创 低代码数据可视化开源项目go-view阅读总结
右侧的配置栏组件，组件库里的每个组件都单独写一份vue的模板文件。对于多个组件共有的配置，会进行公共组件的抽离，如对于柱状图和折线图组件，这两个图表组件有许多共有的配置，对共有的配置，抽离为global-setting组件进行组件复用。那么在用户进行配置的修改后，如何去改动组件的配置数据呢？这里就用到了vue里的双向数据绑定v-model的指令，去进行数据的同步。
2024-03-27 09:48:26
1968
1
原创 数据可视化系列-echarts基本概念讲解
本文参考自mooc数据可视化教程。ECharts 基本概念ECharts 基本概念: 系列系列（series）是指：一组数值映射成对应的图案例：多系列混合::: details<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.m
2023-12-17 22:44:18
1136
原创 低代码数据可视化开源项目源码阅读总结
该项目是一款数据可视化应用搭建工具，是仿照的阿里云datav项目，使用vue技术栈进行实现的。因为本人工作中需要开发的可视化拖拽项目也是仿照的阿里云datav项目，但是阿里云项目并未开源，故想要通过阅读该项目的项目实现思路，以应用到后续工作中的可视化拖拽项目的开发中。画布中除了柱状图，通用标题等组件库中的组件，也有类型是组的组件，当我们选中一个或多个组件进行成组操作的时候，会创建一个类型为组的组件，将选中的组件作为children包裹起来。那么，在画布中，组组件和组件库组件的位置是如何定位的？
2023-09-12 07:50:29
588
原创 百度地图数据可视化
百度地图入门百度开发者账号申请官方教程控制台API基本用法::: details<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> &l
2023-06-24 21:39:49
345
1
原创 数据可视化-canvas
/ 获取 DOM 对象constgetContext'2d';// 获取 Canvas 对象'red';// 填充为红色fillRect005050;// 绘制矩形beginPath;// 开始绘制路径1;// 线条宽度'blue';// 线条填充色moveTo100100;// 起点坐标lineTo25075;// 中间点坐标lineTo300100;// 终点坐标stroke;// 绘制线段beginPath;2;
2023-04-12 19:55:26
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人