1.扎实的前端基础,熟练掌握 HTML/CSS/JavaScript/TypeScript 理论知识;
2. 熟悉 react,vue 相关生态,理解原理,可实现部分源码;
3.熟悉 NodeJs、Nestjs ,维护过相关服务端应用;
4. 了解 Gulp/Webpack/Rollup 等打包构建工具;
5. 6年数据可视化,低代码平台相关开发经验;
6. 熟悉低代码应用的 交互设计,参与过产品设计;
BI系统
该产品是税友集团B端内部自研的基建,全称为 Quick Query Tool -快速查数工具,对标阿里云的 Quick BI ,是一款全场景数据消费式的 BI 平台,我们可以使用 QQT 制作漂亮的报表、酷炫的大屏、有分析思路的数据门户,也可以将报表集成在您的业务流程中,并且通过企业微信、邮件等分享给同事。主要功能包括:
1.数据存储:QQT 分析数据时,需要先指定原始数据所在的数据源,目前支持5种数据库、支持文件导入、数据填报等方式存储数据。
2.数据分析:通过各种可视化组件(表格、趋势图等)构建具备交互式分析(钻取、圈选等)能力的表,是最常用的数据分析的功能。
3.数据建模:当业务上需要多表的逻辑模型,可以通过 QQT 数据集的功能建模。
4.数据推送:订阅推送功能可以将报表内容以截图等方式发送给用户,帮助您不用打开报表也能了解到数据的异常和波动变化。
5.技术栈:React17、Less、TypeScript、Antd、Dva、Echarts
职责: 我主要担任前端 owner 的角色,负责前端的架构设计和开发,同时也负责 UI 设计、参与产品设计、业务调研、服务端接口设计评审、代码评审、测试用例指导、项目迭代节奏把控等工作。
挑战:
1.兼容旧版数据:随着企业技术栈从 vue到 react 的升级,旧系统的历史包袱太重,我主导了前端的重构工作,重构后有很多的历史报表数据需要兼容,无论是技术选型还是架构设计都受到了旧系统的很大干扰。
解决方案:首先采用分层设计,分3层,第1层 UI层—设计可视化组件需要的数据结构,第2层数据转换层-转换接口数据给 UI 层使用,第3层兼容层—转换旧的接口数据为新的接口数据结构。
整体架构设计:我理解低代码系统的核心就是如何设计编辑器,将构建编译时的数据给运行时使用,其中组件如何通信的设计决定了系统的健壮性和可维护性,对此我也是思考良久。
解决方案:首选是数据结构的设计,采用 JSON Schema 存储每个可视化组件、字段、表单的配置,用于降低渲染成本;其次封装通用的组件外壳用于数据的输入输出,统一控制组件整体展示。
该产品是税友集团B端内部自研的基建,全称为 Quick Query Tool -快速查数工具,对标阿里云的 Quick BI ,是一款全场景数据消费式的 BI 平台,我们可以使用 QQT 制作漂亮的报表、酷炫的大屏、有分析思路的数据门户,也可以将报表集成在您的业务流程中,并且
AES运维监控平台,是由日志、追踪、监控、告警、运维、用户管理6个系统组成的多入口多出口打包框架系统。 职责: 我主要负责监控系统图表通用模板的开发,对标开源框架 grafana(跨平台的度量分析和可视化工具),开发模板配置功能,通过将采集的数据查询然后可视化的展示,实时告警以