![](https://img-blog.csdnimg.cn/46b1368c514b4dc9919147381f9d497c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
三叠云项目
文章平均质量分 94
讲讲我负责的项目工程
AI3D_WebEngineer
这个作者很懒,什么都没留下…
展开
-
项目配置vue.config jsconfig babel.config .prettierc .env .eslintrc
在一个产品的前端开发过程中,一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境,然后才能正式的发布。对应每一个环境可能都会有所差异,比如说服务器地址、接口地址、websorket地址…… 等等。在各个环境切换的时候,就需要不同的配置参数,所以就可以用环境变量和模式,来方便我们管理。npm run dev(serve) :其实是运行了 vue-cli service serve ,默认模式为 development (读取.env.development)。原创 2023-10-15 14:06:56 · 1101 阅读 · 0 评论 -
Antv/s2 明细表 透视表实现和性能优化(一)
/ 数据源表单// 数据范围// 行维度// 列维度// 指标// 过滤// 图表配置// 背景});不用关心BaseControl有什么,看看几个特有的属性:xDimension: 行维度yDimension: 列维度metrics:指标。原创 2023-10-08 19:02:36 · 1521 阅读 · 1 评论 -
讲讲项目里的仪表盘编辑器(四)分页卡和布局容器组件
规定了组件类的类型、标签、图标、默认布局属性、主文件等等。label = '布局容器';...layout = {w: 30,h: 15,minH: 8,// 组件实现的主文件入口文件会通过一系列逻辑生成【类型枚举类】,我们最后通过control['container'].DashboardComponent找到主体文件生成组件。这些我们简单了解就好啦。具体来看看container.vue文件。原创 2023-10-04 00:09:23 · 1962 阅读 · 0 评论 -
讲讲项目里的仪表盘编辑器(三)布局组件
看完前面两章的讲解,我们对仪表盘系统有了一个大概的理解。接着我们讲讲更深入的应用。上文讲解的编辑器只是局限于平铺的组件集。而在编辑器中,还会有一种组件是布局容器。它允许其他组件拖拽进入在里面形成自己的一套布局。典型的有分页卡、布局容器等组件。原创 2023-10-02 21:48:39 · 1651 阅读 · 0 评论 -
讲讲项目里的仪表盘编辑器(二)
先看到这里,这里要生成一份类似于:'amdous123623': {w:10,h:20,x:0,y:0...}这样的映射表,是整个仪表盘布局的储存并不是直接存储类似于girdLayout的这种数组,而是由一个个组件自身的layout属性(甚至无视组件排序)拣选出来生成this.layout。这里是获取设计器边界的位置属性(errorRate为误差范围,你可以理解为设计器有padding),判断拖拽元素是否在设计器边界内,如果是,就往layout里面加入它(重复则不加入),如果已经超出设计器,则移除。原创 2023-09-28 15:01:11 · 997 阅读 · 0 评论 -
讲讲项目里的状态存储器vuex
在一个企业级的应用里,状态存储器起着举足轻重的作用。与我们日常的练手项目不同,企业级项目的vuex更专注更集中更便捷。原创 2023-09-25 14:21:16 · 120 阅读 · 0 评论 -
具体项目下解决Echarts多端同步开发和维护的问题
PC端和移动端需要同时上线图表功能(没有多余工时)之后的版本迭代(功能、样式、配置等)默认双端同步,开发人员只希望维护一套代码Echarts在移动端有部分功能不兼容不支持。原创 2023-09-18 10:33:47 · 205 阅读 · 0 评论 -
在项目中,关于前端实现数据可视化的技术选择
在项目中,数据可视化以图表、报表类型为主。原创 2023-09-17 11:53:56 · 745 阅读 · 0 评论